From 868c7320e9c5499fcac1cfd06a43b34302aaf635 Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Tue, 11 Feb 2020 15:16:33 +1100 Subject: [PATCH 1/6] use translate3d --- src/plugins/transform.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/plugins/transform.js b/src/plugins/transform.js index 10e80aa624a3..89419c5dbb32 100644 --- a/src/plugins/transform.js +++ b/src/plugins/transform.js @@ -11,8 +11,7 @@ export default function() { '--transform-scale-x': '1', '--transform-scale-y': '1', transform: [ - 'translateX(var(--transform-translate-x))', - 'translateY(var(--transform-translate-y))', + 'translate3d(var(--transform-translate-x), var(--transform-translate-y), 0)', 'rotate(var(--transform-rotate))', 'skewX(var(--transform-skew-x))', 'skewY(var(--transform-skew-y))', From 3b1e3240dbcd1bde2e11c8a95d2b784e5d4ce1f2 Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Tue, 11 Feb 2020 15:19:12 +1100 Subject: [PATCH 2/6] add translate3d to test fixtures --- __tests__/fixtures/tailwind-output-important.css | 10 +++++----- __tests__/fixtures/tailwind-output.css | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 0e8582e2c229..d77aa7d44e8a 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -9160,7 +9160,7 @@ video { --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: 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 { @@ -19465,7 +19465,7 @@ video { --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: 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 { @@ -29771,7 +29771,7 @@ video { --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: 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\:transform-none { @@ -40077,7 +40077,7 @@ video { --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: 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\:transform-none { @@ -50383,7 +50383,7 @@ video { --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: 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\:transform-none { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 931cc3e51793..7c2764f1164b 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -9160,7 +9160,7 @@ video { --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: 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 { @@ -19465,7 +19465,7 @@ video { --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: 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 { @@ -29771,7 +29771,7 @@ video { --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: 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\:transform-none { @@ -40077,7 +40077,7 @@ video { --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: 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\:transform-none { @@ -50383,7 +50383,7 @@ video { --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: 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\:transform-none { From 5b6b43370687f61c87c5ba26ade264e8a126ce54 Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Thu, 9 Jul 2020 23:17:18 +1000 Subject: [PATCH 3/6] create `transform-gpu` utility --- .../fixtures/tailwind-output-important.css | 55 +++++++ __tests__/fixtures/tailwind-output.css | 135 ++++++++++++------ src/plugins/transform.js | 18 +++ 3 files changed, 168 insertions(+), 40 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index d77aa7d44e8a..293147dd9ab7 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -9153,6 +9153,17 @@ video { } .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; @@ -19458,6 +19469,17 @@ video { } .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; @@ -29764,6 +29786,17 @@ video { } .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\:transform-gpu { --transform-translate-x: 0 !important; --transform-translate-y: 0 !important; --transform-rotate: 0 !important; @@ -40070,6 +40103,17 @@ video { } .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\:transform-gpu { --transform-translate-x: 0 !important; --transform-translate-y: 0 !important; --transform-rotate: 0 !important; @@ -50376,6 +50420,17 @@ video { } .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\:transform-gpu { --transform-translate-x: 0 !important; --transform-translate-y: 0 !important; --transform-rotate: 0 !important; diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 7c2764f1164b..ea6cb7880cb6 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -9153,14 +9153,25 @@ video { } .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: 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-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 { @@ -19458,14 +19469,25 @@ video { } .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: 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-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 { @@ -29764,14 +29786,25 @@ video { } .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: 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-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\: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\:transform-none { @@ -40070,14 +40103,25 @@ video { } .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: 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-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\: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\:transform-none { @@ -50376,14 +50420,25 @@ video { } .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: 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-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\: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\:transform-none { diff --git a/src/plugins/transform.js b/src/plugins/transform.js index 89419c5dbb32..5546fe957e55 100644 --- a/src/plugins/transform.js +++ b/src/plugins/transform.js @@ -3,6 +3,24 @@ export default function() { addUtilities( { '.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))', + ].join(' '), + }, + '.transform-gpu': { '--transform-translate-x': '0', '--transform-translate-y': '0', '--transform-rotate': '0', From c2127ad38e19ccc544b8f485d501935a20ffd0d6 Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Thu, 9 Jul 2020 23:33:55 +1000 Subject: [PATCH 4/6] merge in test from master --- .../fixtures/tailwind-output-important.css | 44205 +++++++++++----- __tests__/fixtures/tailwind-output.css | 43847 ++++++++++----- 2 files changed, 61185 insertions(+), 26867 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 293147dd9ab7..4473c036ae67 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -377,7 +377,6 @@ pre { button { background-color: transparent; background-image: none; - padding: 0; } /** @@ -606,6 +605,1106 @@ video { } } +.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; +} + +.space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0px * var(--space-x-reverse)) !important; + margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2rem * var(--space-x-reverse)) !important; + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(3rem * var(--space-x-reverse)) !important; + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(4rem * var(--space-x-reverse)) !important; + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(5rem * var(--space-x-reverse)) !important; + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(6rem * var(--space-x-reverse)) !important; + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(8rem * var(--space-x-reverse)) !important; + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(10rem * var(--space-x-reverse)) !important; + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(12rem * var(--space-x-reverse)) !important; + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(14rem * var(--space-x-reverse)) !important; + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(16rem * var(--space-x-reverse)) !important; + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important; +} + +.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; +} + +.space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1px * var(--space-x-reverse)) !important; + margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1rem * var(--space-x-reverse)) !important; + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2rem * var(--space-x-reverse)) !important; + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-3rem * var(--space-x-reverse)) !important; + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-4rem * var(--space-x-reverse)) !important; + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-5rem * var(--space-x-reverse)) !important; + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-6rem * var(--space-x-reverse)) !important; + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-8rem * var(--space-x-reverse)) !important; + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-10rem * var(--space-x-reverse)) !important; + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-12rem * var(--space-x-reverse)) !important; + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-14rem * var(--space-x-reverse)) !important; + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-16rem * var(--space-x-reverse)) !important; + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; +} + +.-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; +} + +.-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1px * var(--space-x-reverse)) !important; + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important; +} + +.space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; +} + +.space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; +} + +.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; +} + +.divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(0px * var(--divide-x-reverse)) !important; + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; +} + +.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; +} + +.divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(2px * var(--divide-x-reverse)) !important; + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; +} + +.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; +} + +.divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(4px * var(--divide-x-reverse)) !important; + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; +} + +.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; +} + +.divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(8px * var(--divide-x-reverse)) !important; + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; +} + +.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; +} + +.divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(1px * var(--divide-x-reverse)) !important; + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; +} + +.divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; +} + +.divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; +} + +.divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; +} + +.divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; +} + +.divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; +} + +.divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; +} + +.divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--divide-opacity)) !important; +} + +.divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--divide-opacity)) !important; +} + +.divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--divide-opacity)) !important; +} + +.divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--divide-opacity)) !important; +} + +.divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--divide-opacity)) !important; +} + +.divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--divide-opacity)) !important; +} + +.divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--divide-opacity)) !important; +} + +.divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--divide-opacity)) !important; +} + +.divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--divide-opacity)) !important; +} + +.divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--divide-opacity)) !important; +} + +.divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--divide-opacity)) !important; +} + +.divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--divide-opacity)) !important; +} + +.divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--divide-opacity)) !important; +} + +.divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--divide-opacity)) !important; +} + +.divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--divide-opacity)) !important; +} + +.divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--divide-opacity)) !important; +} + +.divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--divide-opacity)) !important; +} + +.divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--divide-opacity)) !important; +} + +.divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--divide-opacity)) !important; +} + +.divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--divide-opacity)) !important; +} + +.divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--divide-opacity)) !important; +} + +.divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--divide-opacity)) !important; +} + +.divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--divide-opacity)) !important; +} + +.divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--divide-opacity)) !important; +} + +.divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--divide-opacity)) !important; +} + +.divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--divide-opacity)) !important; +} + +.divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--divide-opacity)) !important; +} + +.divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--divide-opacity)) !important; +} + +.divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--divide-opacity)) !important; +} + +.divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--divide-opacity)) !important; +} + +.divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--divide-opacity)) !important; +} + +.divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--divide-opacity)) !important; +} + +.divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--divide-opacity)) !important; +} + +.divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--divide-opacity)) !important; +} + +.divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--divide-opacity)) !important; +} + +.divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--divide-opacity)) !important; +} + +.divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--divide-opacity)) !important; +} + +.divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--divide-opacity)) !important; +} + +.divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--divide-opacity)) !important; +} + +.divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--divide-opacity)) !important; +} + +.divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--divide-opacity)) !important; +} + +.divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--divide-opacity)) !important; +} + +.divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--divide-opacity)) !important; +} + +.divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--divide-opacity)) !important; +} + +.divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--divide-opacity)) !important; +} + +.divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--divide-opacity)) !important; +} + +.divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--divide-opacity)) !important; +} + +.divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--divide-opacity)) !important; +} + +.divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--divide-opacity)) !important; +} + +.divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--divide-opacity)) !important; +} + +.divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--divide-opacity)) !important; +} + +.divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--divide-opacity)) !important; +} + +.divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--divide-opacity)) !important; +} + +.divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--divide-opacity)) !important; +} + +.divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--divide-opacity)) !important; +} + +.divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--divide-opacity)) !important; +} + +.divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--divide-opacity)) !important; +} + +.divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--divide-opacity)) !important; +} + +.divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--divide-opacity)) !important; +} + +.divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--divide-opacity)) !important; +} + +.divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--divide-opacity)) !important; +} + +.divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--divide-opacity)) !important; +} + +.divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--divide-opacity)) !important; +} + +.divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--divide-opacity)) !important; +} + +.divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--divide-opacity)) !important; +} + +.divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--divide-opacity)) !important; +} + +.divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--divide-opacity)) !important; +} + +.divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--divide-opacity)) !important; +} + +.divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--divide-opacity)) !important; +} + +.divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--divide-opacity)) !important; +} + +.divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--divide-opacity)) !important; +} + +.divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--divide-opacity)) !important; +} + +.divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--divide-opacity)) !important; +} + +.divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--divide-opacity)) !important; +} + +.divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--divide-opacity)) !important; +} + +.divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--divide-opacity)) !important; +} + +.divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--divide-opacity)) !important; +} + +.divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--divide-opacity)) !important; +} + +.divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--divide-opacity)) !important; +} + +.divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--divide-opacity)) !important; +} + +.divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--divide-opacity)) !important; +} + +.divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--divide-opacity)) !important; +} + +.divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--divide-opacity)) !important; +} + +.divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--divide-opacity)) !important; +} + +.divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--divide-opacity)) !important; +} + +.divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--divide-opacity)) !important; +} + +.divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--divide-opacity)) !important; +} + +.divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--divide-opacity)) !important; +} + +.divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--divide-opacity)) !important; +} + +.divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--divide-opacity)) !important; +} + +.divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; +} + +.divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; +} + +.divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; +} + +.divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; +} + +.divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; +} + .sr-only { position: absolute !important; width: 1px !important; @@ -672,1116 +1771,1740 @@ video { background-color: transparent !important; } +.bg-current { + background-color: currentColor !important; +} + .bg-black { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .bg-white { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .bg-gray-100 { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .bg-gray-200 { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .bg-gray-300 { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .bg-gray-400 { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .bg-gray-500 { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .bg-gray-600 { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .bg-gray-700 { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .bg-gray-800 { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .bg-gray-900 { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .bg-red-100 { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .bg-red-200 { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .bg-red-300 { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .bg-red-400 { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .bg-red-500 { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .bg-red-600 { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .bg-red-700 { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .bg-red-800 { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .bg-red-900 { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .bg-orange-100 { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .bg-orange-200 { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .bg-orange-300 { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .bg-orange-400 { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .bg-orange-500 { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .bg-orange-600 { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .bg-orange-700 { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .bg-orange-800 { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .bg-orange-900 { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .bg-yellow-100 { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .bg-yellow-200 { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .bg-yellow-300 { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .bg-yellow-400 { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .bg-yellow-500 { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .bg-yellow-600 { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .bg-yellow-700 { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .bg-yellow-800 { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .bg-yellow-900 { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .bg-green-100 { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .bg-green-200 { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .bg-green-300 { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .bg-green-400 { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .bg-green-500 { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .bg-green-600 { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .bg-green-700 { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .bg-green-800 { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .bg-green-900 { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .bg-teal-100 { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .bg-teal-200 { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .bg-teal-300 { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .bg-teal-400 { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .bg-teal-500 { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .bg-teal-600 { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .bg-teal-700 { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .bg-teal-800 { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .bg-teal-900 { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .bg-blue-100 { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .bg-blue-200 { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .bg-blue-300 { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .bg-blue-400 { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .bg-blue-500 { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .bg-blue-600 { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .bg-blue-700 { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .bg-blue-800 { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .bg-blue-900 { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .bg-indigo-100 { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .bg-indigo-200 { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .bg-indigo-300 { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .bg-indigo-400 { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .bg-indigo-500 { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .bg-indigo-600 { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .bg-indigo-700 { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .bg-indigo-800 { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .bg-indigo-900 { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .bg-purple-100 { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .bg-purple-200 { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .bg-purple-300 { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .bg-purple-400 { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .bg-purple-500 { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .bg-purple-600 { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .bg-purple-700 { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .bg-purple-800 { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .bg-purple-900 { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .bg-pink-100 { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .bg-pink-200 { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .bg-pink-300 { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .bg-pink-400 { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .bg-pink-500 { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .bg-pink-600 { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .bg-pink-700 { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .bg-pink-800 { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .bg-pink-900 { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .hover\:bg-transparent:hover { background-color: transparent !important; } +.hover\:bg-current:hover { + background-color: currentColor !important; +} + .hover\:bg-black:hover { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .hover\:bg-white:hover { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .hover\:bg-red-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .hover\:bg-red-200:hover { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .hover\:bg-red-300:hover { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .hover\:bg-red-400:hover { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .hover\:bg-red-500:hover { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .hover\:bg-red-600:hover { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .hover\:bg-red-700:hover { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .hover\:bg-red-800:hover { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .hover\:bg-red-900:hover { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .hover\:bg-orange-100:hover { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .hover\:bg-orange-200:hover { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .hover\:bg-orange-300:hover { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .hover\:bg-orange-400:hover { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .hover\:bg-orange-500:hover { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .hover\:bg-orange-600:hover { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .hover\:bg-orange-700:hover { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .hover\:bg-orange-800:hover { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .hover\:bg-orange-900:hover { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .hover\:bg-green-100:hover { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .hover\:bg-green-200:hover { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .hover\:bg-green-300:hover { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .hover\:bg-green-400:hover { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .hover\:bg-green-500:hover { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .hover\:bg-green-600:hover { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .hover\:bg-green-700:hover { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .hover\:bg-green-800:hover { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .hover\:bg-green-900:hover { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .hover\:bg-teal-100:hover { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .hover\:bg-teal-200:hover { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .hover\:bg-teal-300:hover { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .hover\:bg-teal-400:hover { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .hover\:bg-teal-500:hover { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .hover\:bg-teal-600:hover { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .hover\:bg-teal-700:hover { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .hover\:bg-teal-800:hover { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .hover\:bg-teal-900:hover { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .hover\:bg-indigo-100:hover { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .hover\:bg-indigo-200:hover { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .hover\:bg-indigo-300:hover { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .hover\:bg-indigo-400:hover { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .hover\:bg-indigo-500:hover { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .hover\:bg-indigo-600:hover { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .hover\:bg-indigo-700:hover { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .hover\:bg-indigo-800:hover { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .hover\:bg-indigo-900:hover { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .focus\:bg-transparent:focus { background-color: transparent !important; } +.focus\:bg-current:focus { + background-color: currentColor !important; +} + .focus\:bg-black:focus { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .focus\:bg-white:focus { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .focus\:bg-red-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .focus\:bg-red-200:focus { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .focus\:bg-red-300:focus { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .focus\:bg-red-400:focus { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .focus\:bg-red-500:focus { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .focus\:bg-red-600:focus { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .focus\:bg-red-700:focus { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .focus\:bg-red-800:focus { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .focus\:bg-red-900:focus { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .focus\:bg-orange-100:focus { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .focus\:bg-orange-200:focus { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .focus\:bg-orange-300:focus { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .focus\:bg-orange-400:focus { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .focus\:bg-orange-500:focus { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .focus\:bg-orange-600:focus { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .focus\:bg-orange-700:focus { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .focus\:bg-orange-800:focus { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .focus\:bg-orange-900:focus { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .focus\:bg-green-100:focus { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .focus\:bg-green-200:focus { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .focus\:bg-green-300:focus { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .focus\:bg-green-400:focus { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .focus\:bg-green-500:focus { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .focus\:bg-green-600:focus { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .focus\:bg-green-700:focus { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .focus\:bg-green-800:focus { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .focus\:bg-green-900:focus { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .focus\:bg-teal-100:focus { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .focus\:bg-teal-200:focus { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .focus\:bg-teal-300:focus { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .focus\:bg-teal-400:focus { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .focus\:bg-teal-500:focus { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .focus\:bg-teal-600:focus { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .focus\:bg-teal-700:focus { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .focus\:bg-teal-800:focus { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .focus\:bg-teal-900:focus { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .focus\:bg-indigo-100:focus { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .focus\:bg-indigo-200:focus { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .focus\:bg-indigo-300:focus { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .focus\:bg-indigo-400:focus { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .focus\:bg-indigo-500:focus { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .focus\:bg-indigo-600:focus { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .focus\:bg-indigo-700:focus { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .focus\:bg-indigo-800:focus { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .focus\:bg-indigo-900:focus { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; +} + +.bg-opacity-0 { + --bg-opacity: 0 !important; +} + +.bg-opacity-25 { + --bg-opacity: 0.25 !important; +} + +.bg-opacity-50 { + --bg-opacity: 0.5 !important; +} + +.bg-opacity-75 { + --bg-opacity: 0.75 !important; +} + +.bg-opacity-100 { + --bg-opacity: 1 !important; +} + +.hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; +} + +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; +} + +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; +} + +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; +} + +.hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; +} + +.focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; +} + +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; +} + +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; +} + +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; +} + +.focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } .bg-bottom { @@ -1868,1116 +3591,1740 @@ video { border-color: transparent !important; } +.border-current { + border-color: currentColor !important; +} + .border-black { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .border-white { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .border-gray-100 { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .border-gray-200 { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .border-gray-300 { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .border-gray-400 { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .border-gray-500 { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .border-gray-600 { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .border-gray-700 { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .border-gray-800 { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .border-gray-900 { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .border-red-100 { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .border-red-200 { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .border-red-300 { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .border-red-400 { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .border-red-500 { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .border-red-600 { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .border-red-700 { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .border-red-800 { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .border-red-900 { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .border-orange-100 { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .border-orange-200 { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .border-orange-300 { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .border-orange-400 { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .border-orange-500 { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .border-orange-600 { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .border-orange-700 { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .border-orange-800 { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .border-orange-900 { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .border-yellow-100 { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .border-yellow-200 { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .border-yellow-300 { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .border-yellow-400 { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .border-yellow-500 { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .border-yellow-600 { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .border-yellow-700 { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .border-yellow-800 { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .border-yellow-900 { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .border-green-100 { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .border-green-200 { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .border-green-300 { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .border-green-400 { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .border-green-500 { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .border-green-600 { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .border-green-700 { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .border-green-800 { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .border-green-900 { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .border-teal-100 { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .border-teal-200 { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .border-teal-300 { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .border-teal-400 { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .border-teal-500 { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .border-teal-600 { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .border-teal-700 { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .border-teal-800 { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .border-teal-900 { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .border-blue-100 { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .border-blue-200 { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .border-blue-300 { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .border-blue-400 { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .border-blue-500 { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .border-blue-600 { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .border-blue-700 { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .border-blue-800 { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .border-blue-900 { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .border-indigo-100 { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .border-indigo-200 { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .border-indigo-300 { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .border-indigo-400 { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .border-indigo-500 { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .border-indigo-600 { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .border-indigo-700 { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .border-indigo-800 { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .border-indigo-900 { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .border-purple-100 { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .border-purple-200 { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .border-purple-300 { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .border-purple-400 { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .border-purple-500 { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .border-purple-600 { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .border-purple-700 { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .border-purple-800 { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .border-purple-900 { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .border-pink-100 { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .border-pink-200 { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .border-pink-300 { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .border-pink-400 { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .border-pink-500 { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .border-pink-600 { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .border-pink-700 { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .border-pink-800 { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .border-pink-900 { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .hover\:border-transparent:hover { border-color: transparent !important; } +.hover\:border-current:hover { + border-color: currentColor !important; +} + .hover\:border-black:hover { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .hover\:border-white:hover { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .hover\:border-gray-100:hover { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .hover\:border-gray-200:hover { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .hover\:border-gray-300:hover { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .hover\:border-gray-400:hover { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .hover\:border-gray-500:hover { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .hover\:border-gray-600:hover { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .hover\:border-gray-700:hover { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .hover\:border-gray-800:hover { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .hover\:border-gray-900:hover { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .hover\:border-red-100:hover { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .hover\:border-red-200:hover { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .hover\:border-red-300:hover { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .hover\:border-red-400:hover { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .hover\:border-red-500:hover { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .hover\:border-red-600:hover { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .hover\:border-red-700:hover { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .hover\:border-red-800:hover { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .hover\:border-red-900:hover { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .hover\:border-orange-100:hover { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .hover\:border-orange-200:hover { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .hover\:border-orange-300:hover { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .hover\:border-orange-400:hover { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .hover\:border-orange-500:hover { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .hover\:border-orange-600:hover { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .hover\:border-orange-700:hover { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .hover\:border-orange-800:hover { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .hover\:border-orange-900:hover { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .hover\:border-yellow-100:hover { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .hover\:border-yellow-200:hover { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .hover\:border-yellow-300:hover { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .hover\:border-yellow-400:hover { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .hover\:border-yellow-500:hover { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .hover\:border-yellow-600:hover { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .hover\:border-yellow-700:hover { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .hover\:border-yellow-800:hover { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .hover\:border-yellow-900:hover { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .hover\:border-green-100:hover { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .hover\:border-green-200:hover { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .hover\:border-green-300:hover { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .hover\:border-green-400:hover { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .hover\:border-green-500:hover { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .hover\:border-green-600:hover { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .hover\:border-green-700:hover { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .hover\:border-green-800:hover { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .hover\:border-green-900:hover { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .hover\:border-teal-100:hover { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .hover\:border-teal-200:hover { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .hover\:border-teal-300:hover { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .hover\:border-teal-400:hover { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .hover\:border-teal-500:hover { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .hover\:border-teal-600:hover { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .hover\:border-teal-700:hover { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .hover\:border-teal-800:hover { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .hover\:border-teal-900:hover { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .hover\:border-blue-100:hover { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .hover\:border-blue-200:hover { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .hover\:border-blue-300:hover { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .hover\:border-blue-400:hover { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .hover\:border-blue-500:hover { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .hover\:border-blue-600:hover { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .hover\:border-blue-700:hover { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .hover\:border-blue-800:hover { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .hover\:border-blue-900:hover { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .hover\:border-indigo-100:hover { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .hover\:border-indigo-200:hover { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .hover\:border-indigo-300:hover { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .hover\:border-indigo-400:hover { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .hover\:border-indigo-500:hover { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .hover\:border-indigo-600:hover { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .hover\:border-indigo-700:hover { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .hover\:border-indigo-800:hover { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .hover\:border-indigo-900:hover { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .hover\:border-purple-100:hover { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .hover\:border-purple-200:hover { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .hover\:border-purple-300:hover { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .hover\:border-purple-400:hover { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .hover\:border-purple-500:hover { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .hover\:border-purple-600:hover { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .hover\:border-purple-700:hover { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .hover\:border-purple-800:hover { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .hover\:border-purple-900:hover { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .hover\:border-pink-100:hover { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .hover\:border-pink-200:hover { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .hover\:border-pink-300:hover { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .hover\:border-pink-400:hover { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .hover\:border-pink-500:hover { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .hover\:border-pink-600:hover { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .hover\:border-pink-700:hover { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .hover\:border-pink-800:hover { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .hover\:border-pink-900:hover { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .focus\:border-transparent:focus { border-color: transparent !important; } +.focus\:border-current:focus { + border-color: currentColor !important; +} + .focus\:border-black:focus { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .focus\:border-white:focus { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .focus\:border-gray-100:focus { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .focus\:border-gray-200:focus { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .focus\:border-gray-300:focus { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .focus\:border-gray-400:focus { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .focus\:border-gray-500:focus { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .focus\:border-gray-600:focus { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .focus\:border-gray-700:focus { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .focus\:border-gray-800:focus { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .focus\:border-gray-900:focus { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .focus\:border-red-100:focus { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .focus\:border-red-200:focus { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .focus\:border-red-300:focus { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .focus\:border-red-400:focus { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .focus\:border-red-500:focus { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .focus\:border-red-600:focus { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .focus\:border-red-700:focus { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .focus\:border-red-800:focus { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .focus\:border-red-900:focus { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .focus\:border-orange-100:focus { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .focus\:border-orange-200:focus { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .focus\:border-orange-300:focus { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .focus\:border-orange-400:focus { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .focus\:border-orange-500:focus { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .focus\:border-orange-600:focus { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .focus\:border-orange-700:focus { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .focus\:border-orange-800:focus { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .focus\:border-orange-900:focus { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .focus\:border-yellow-100:focus { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .focus\:border-yellow-200:focus { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .focus\:border-yellow-300:focus { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .focus\:border-yellow-400:focus { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .focus\:border-yellow-500:focus { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .focus\:border-yellow-600:focus { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .focus\:border-yellow-700:focus { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .focus\:border-yellow-800:focus { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .focus\:border-yellow-900:focus { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .focus\:border-green-100:focus { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .focus\:border-green-200:focus { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .focus\:border-green-300:focus { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .focus\:border-green-400:focus { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .focus\:border-green-500:focus { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .focus\:border-green-600:focus { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .focus\:border-green-700:focus { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .focus\:border-green-800:focus { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .focus\:border-green-900:focus { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .focus\:border-teal-100:focus { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .focus\:border-teal-200:focus { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .focus\:border-teal-300:focus { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .focus\:border-teal-400:focus { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .focus\:border-teal-500:focus { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .focus\:border-teal-600:focus { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .focus\:border-teal-700:focus { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .focus\:border-teal-800:focus { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .focus\:border-teal-900:focus { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .focus\:border-blue-100:focus { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .focus\:border-blue-200:focus { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .focus\:border-blue-300:focus { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .focus\:border-blue-400:focus { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .focus\:border-blue-500:focus { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .focus\:border-blue-600:focus { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .focus\:border-blue-700:focus { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .focus\:border-blue-800:focus { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .focus\:border-blue-900:focus { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .focus\:border-indigo-100:focus { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .focus\:border-indigo-200:focus { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .focus\:border-indigo-300:focus { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .focus\:border-indigo-400:focus { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .focus\:border-indigo-500:focus { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .focus\:border-indigo-600:focus { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .focus\:border-indigo-700:focus { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .focus\:border-indigo-800:focus { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .focus\:border-indigo-900:focus { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .focus\:border-purple-100:focus { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .focus\:border-purple-200:focus { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .focus\:border-purple-300:focus { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .focus\:border-purple-400:focus { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .focus\:border-purple-500:focus { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .focus\:border-purple-600:focus { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .focus\:border-purple-700:focus { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .focus\:border-purple-800:focus { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .focus\:border-purple-900:focus { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .focus\:border-pink-100:focus { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .focus\:border-pink-200:focus { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .focus\:border-pink-300:focus { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .focus\:border-pink-400:focus { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .focus\:border-pink-500:focus { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .focus\:border-pink-600:focus { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .focus\:border-pink-700:focus { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .focus\:border-pink-800:focus { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .focus\:border-pink-900:focus { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; +} + +.border-opacity-0 { + --border-opacity: 0 !important; +} + +.border-opacity-25 { + --border-opacity: 0.25 !important; +} + +.border-opacity-50 { + --border-opacity: 0.5 !important; +} + +.border-opacity-75 { + --border-opacity: 0.75 !important; +} + +.border-opacity-100 { + --border-opacity: 1 !important; +} + +.hover\:border-opacity-0:hover { + --border-opacity: 0 !important; +} + +.hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; +} + +.hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; +} + +.hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; +} + +.hover\:border-opacity-100:hover { + --border-opacity: 1 !important; +} + +.focus\:border-opacity-0:focus { + --border-opacity: 0 !important; +} + +.focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; +} + +.focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; +} + +.focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; +} + +.focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } .rounded-none { @@ -3396,10 +5743,6 @@ video { display: inline-flex !important; } -.grid { - display: grid !important; -} - .table { display: table !important; } @@ -3436,6 +5779,18 @@ video { display: table-row !important; } +.flow-root { + display: flow-root !important; +} + +.grid { + display: grid !important; +} + +.inline-grid { + display: inline-grid !important; +} + .hidden { display: none !important; } @@ -3674,6 +6029,10 @@ video { clear: both !important; } +.clear-none { + clear: none !important; +} + .font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } @@ -3882,6 +6241,46 @@ video { height: 100vh !important; } +.text-xs { + font-size: 0.75rem !important; +} + +.text-sm { + font-size: 0.875rem !important; +} + +.text-base { + font-size: 1rem !important; +} + +.text-lg { + font-size: 1.125rem !important; +} + +.text-xl { + font-size: 1.25rem !important; +} + +.text-2xl { + font-size: 1.5rem !important; +} + +.text-3xl { + font-size: 1.875rem !important; +} + +.text-4xl { + font-size: 2.25rem !important; +} + +.text-5xl { + font-size: 3rem !important; +} + +.text-6xl { + font-size: 4rem !important; +} + .leading-3 { line-height: .75rem !important; } @@ -5944,744 +8343,1160 @@ video { color: transparent !important; } +.placeholder-current::placeholder { + color: currentColor !important; +} + .placeholder-black::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } .placeholder-white::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } .placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } .placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } .placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } .placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } .placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } .placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } .placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } .placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } .placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } .placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } .placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } .placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } .placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } .placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } .placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } .placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } .placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } .placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } .placeholder-orange-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } .placeholder-orange-200::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } .placeholder-orange-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } .placeholder-orange-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } .placeholder-orange-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } .placeholder-orange-600::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } .placeholder-orange-700::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } .placeholder-orange-800::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } .placeholder-orange-900::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } .placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } .placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } .placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } .placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } .placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } .placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } .placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } .placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } .placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } .placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } .placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } .placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } .placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } .placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } .placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } .placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } .placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } .placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } .placeholder-teal-100::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } .placeholder-teal-200::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } .placeholder-teal-300::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } .placeholder-teal-400::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } .placeholder-teal-500::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } .placeholder-teal-600::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } .placeholder-teal-700::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } .placeholder-teal-800::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } .placeholder-teal-900::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } .placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } .placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } .placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } .placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } .placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } .placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } .placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } .placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } .placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } .placeholder-indigo-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } .placeholder-indigo-200::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } .placeholder-indigo-300::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } .placeholder-indigo-400::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } .placeholder-indigo-500::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } .placeholder-indigo-600::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } .placeholder-indigo-700::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } .placeholder-indigo-800::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } .placeholder-indigo-900::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } .placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } .placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } .placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } .placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } .placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } .placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } .placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } .placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } .placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } .placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } .placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } .placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } .placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } .placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } .placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } .placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } .placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } .placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } .focus\:placeholder-transparent:focus::placeholder { color: transparent !important; } +.focus\:placeholder-current:focus::placeholder { + color: currentColor !important; +} + .focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } .focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } .focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } .focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } .focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } .focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } .focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } .focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } .focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } .focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } .focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } .focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; +} + +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; +} + +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; +} + +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; +} + +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; +} + +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; +} + +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; +} + +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; +} + +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; +} + +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; +} + +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } .pointer-events-none { @@ -6962,1156 +9777,1740 @@ video { color: transparent !important; } +.text-current { + color: currentColor !important; +} + .text-black { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .text-white { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .text-gray-100 { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .text-gray-200 { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .text-gray-300 { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .text-gray-400 { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .text-gray-500 { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .text-gray-600 { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .text-gray-700 { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .text-gray-800 { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .text-gray-900 { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .text-red-100 { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .text-red-200 { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .text-red-300 { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .text-red-400 { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .text-red-500 { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .text-red-600 { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .text-red-700 { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .text-red-800 { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .text-red-900 { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .text-orange-100 { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .text-orange-200 { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .text-orange-300 { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .text-orange-400 { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .text-orange-500 { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .text-orange-600 { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .text-orange-700 { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .text-orange-800 { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .text-orange-900 { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .text-yellow-100 { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .text-yellow-200 { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .text-yellow-300 { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .text-yellow-400 { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .text-yellow-500 { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .text-yellow-600 { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .text-yellow-700 { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .text-yellow-800 { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .text-yellow-900 { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .text-green-100 { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .text-green-200 { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .text-green-300 { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .text-green-400 { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .text-green-500 { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .text-green-600 { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .text-green-700 { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .text-green-800 { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .text-green-900 { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .text-teal-100 { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .text-teal-200 { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .text-teal-300 { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .text-teal-400 { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .text-teal-500 { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .text-teal-600 { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .text-teal-700 { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .text-teal-800 { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .text-teal-900 { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .text-blue-100 { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .text-blue-200 { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .text-blue-300 { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .text-blue-400 { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .text-blue-500 { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .text-blue-600 { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .text-blue-700 { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .text-blue-800 { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .text-blue-900 { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .text-indigo-100 { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .text-indigo-200 { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .text-indigo-300 { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .text-indigo-400 { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .text-indigo-500 { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .text-indigo-600 { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .text-indigo-700 { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .text-indigo-800 { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .text-indigo-900 { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .text-purple-100 { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .text-purple-200 { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .text-purple-300 { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .text-purple-400 { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .text-purple-500 { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .text-purple-600 { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .text-purple-700 { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .text-purple-800 { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .text-purple-900 { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .text-pink-100 { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .text-pink-200 { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .text-pink-300 { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .text-pink-400 { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .text-pink-500 { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .text-pink-600 { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .text-pink-700 { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .text-pink-800 { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .text-pink-900 { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } .hover\:text-transparent:hover { color: transparent !important; } +.hover\:text-current:hover { + color: currentColor !important; +} + .hover\:text-black:hover { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .hover\:text-white:hover { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .hover\:text-gray-100:hover { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .hover\:text-gray-200:hover { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .hover\:text-gray-300:hover { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .hover\:text-gray-400:hover { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .hover\:text-gray-500:hover { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .hover\:text-gray-600:hover { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .hover\:text-gray-700:hover { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .hover\:text-gray-800:hover { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .hover\:text-gray-900:hover { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .hover\:text-red-100:hover { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .hover\:text-red-200:hover { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .hover\:text-red-300:hover { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .hover\:text-red-400:hover { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .hover\:text-red-500:hover { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .hover\:text-red-600:hover { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .hover\:text-red-700:hover { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .hover\:text-red-800:hover { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .hover\:text-red-900:hover { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .hover\:text-orange-100:hover { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .hover\:text-orange-200:hover { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .hover\:text-orange-300:hover { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .hover\:text-orange-400:hover { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .hover\:text-orange-500:hover { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .hover\:text-orange-600:hover { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .hover\:text-orange-700:hover { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .hover\:text-orange-800:hover { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .hover\:text-orange-900:hover { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .hover\:text-yellow-100:hover { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .hover\:text-yellow-200:hover { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .hover\:text-yellow-300:hover { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .hover\:text-yellow-400:hover { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .hover\:text-yellow-500:hover { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .hover\:text-yellow-600:hover { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .hover\:text-yellow-700:hover { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .hover\:text-yellow-800:hover { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .hover\:text-yellow-900:hover { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .hover\:text-green-100:hover { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .hover\:text-green-200:hover { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .hover\:text-green-300:hover { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .hover\:text-green-400:hover { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .hover\:text-green-500:hover { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .hover\:text-green-600:hover { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .hover\:text-green-700:hover { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .hover\:text-green-800:hover { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .hover\:text-green-900:hover { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .hover\:text-teal-100:hover { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .hover\:text-teal-200:hover { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .hover\:text-teal-300:hover { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .hover\:text-teal-400:hover { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .hover\:text-teal-500:hover { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .hover\:text-teal-600:hover { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .hover\:text-teal-700:hover { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .hover\:text-teal-800:hover { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .hover\:text-teal-900:hover { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .hover\:text-blue-100:hover { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .hover\:text-blue-200:hover { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .hover\:text-blue-300:hover { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .hover\:text-blue-400:hover { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .hover\:text-blue-500:hover { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .hover\:text-blue-600:hover { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .hover\:text-blue-700:hover { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .hover\:text-blue-800:hover { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .hover\:text-blue-900:hover { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .hover\:text-indigo-100:hover { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .hover\:text-indigo-200:hover { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .hover\:text-indigo-300:hover { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .hover\:text-indigo-400:hover { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .hover\:text-indigo-500:hover { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .hover\:text-indigo-600:hover { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .hover\:text-indigo-700:hover { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .hover\:text-indigo-800:hover { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .hover\:text-indigo-900:hover { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .hover\:text-purple-100:hover { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .hover\:text-purple-200:hover { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .hover\:text-purple-300:hover { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .hover\:text-purple-400:hover { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .hover\:text-purple-500:hover { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .hover\:text-purple-600:hover { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .hover\:text-purple-700:hover { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .hover\:text-purple-800:hover { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .hover\:text-purple-900:hover { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .hover\:text-pink-100:hover { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .hover\:text-pink-200:hover { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .hover\:text-pink-300:hover { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .hover\:text-pink-400:hover { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .hover\:text-pink-500:hover { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .hover\:text-pink-600:hover { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .hover\:text-pink-700:hover { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .hover\:text-pink-800:hover { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .hover\:text-pink-900:hover { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } .focus\:text-transparent:focus { color: transparent !important; } +.focus\:text-current:focus { + color: currentColor !important; +} + .focus\:text-black:focus { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .focus\:text-white:focus { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .focus\:text-gray-100:focus { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .focus\:text-gray-200:focus { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .focus\:text-gray-300:focus { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .focus\:text-gray-400:focus { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .focus\:text-gray-500:focus { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .focus\:text-gray-600:focus { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .focus\:text-gray-700:focus { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .focus\:text-gray-800:focus { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .focus\:text-gray-900:focus { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .focus\:text-red-100:focus { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .focus\:text-red-200:focus { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .focus\:text-red-300:focus { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .focus\:text-red-400:focus { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .focus\:text-red-500:focus { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .focus\:text-red-600:focus { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .focus\:text-red-700:focus { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .focus\:text-red-800:focus { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .focus\:text-red-900:focus { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .focus\:text-orange-100:focus { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .focus\:text-orange-200:focus { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .focus\:text-orange-300:focus { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .focus\:text-orange-400:focus { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .focus\:text-orange-500:focus { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .focus\:text-orange-600:focus { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .focus\:text-orange-700:focus { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .focus\:text-orange-800:focus { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .focus\:text-orange-900:focus { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .focus\:text-yellow-100:focus { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .focus\:text-yellow-200:focus { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .focus\:text-yellow-300:focus { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .focus\:text-yellow-400:focus { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .focus\:text-yellow-500:focus { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .focus\:text-yellow-600:focus { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .focus\:text-yellow-700:focus { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .focus\:text-yellow-800:focus { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .focus\:text-yellow-900:focus { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .focus\:text-green-100:focus { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .focus\:text-green-200:focus { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .focus\:text-green-300:focus { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .focus\:text-green-400:focus { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .focus\:text-green-500:focus { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .focus\:text-green-600:focus { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .focus\:text-green-700:focus { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .focus\:text-green-800:focus { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .focus\:text-green-900:focus { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .focus\:text-teal-100:focus { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .focus\:text-teal-200:focus { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .focus\:text-teal-300:focus { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .focus\:text-teal-400:focus { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .focus\:text-teal-500:focus { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .focus\:text-teal-600:focus { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .focus\:text-teal-700:focus { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .focus\:text-teal-800:focus { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .focus\:text-teal-900:focus { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .focus\:text-blue-100:focus { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .focus\:text-blue-200:focus { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .focus\:text-blue-300:focus { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .focus\:text-blue-400:focus { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .focus\:text-blue-500:focus { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .focus\:text-blue-600:focus { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .focus\:text-blue-700:focus { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .focus\:text-blue-800:focus { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .focus\:text-blue-900:focus { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .focus\:text-indigo-100:focus { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .focus\:text-indigo-200:focus { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .focus\:text-indigo-300:focus { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .focus\:text-indigo-400:focus { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .focus\:text-indigo-500:focus { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .focus\:text-indigo-600:focus { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .focus\:text-indigo-700:focus { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .focus\:text-indigo-800:focus { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .focus\:text-indigo-900:focus { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .focus\:text-purple-100:focus { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .focus\:text-purple-200:focus { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .focus\:text-purple-300:focus { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .focus\:text-purple-400:focus { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .focus\:text-purple-500:focus { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .focus\:text-purple-600:focus { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .focus\:text-purple-700:focus { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .focus\:text-purple-800:focus { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .focus\:text-purple-900:focus { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .focus\:text-pink-100:focus { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .focus\:text-pink-200:focus { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .focus\:text-pink-300:focus { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .focus\:text-pink-400:focus { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .focus\:text-pink-500:focus { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .focus\:text-pink-600:focus { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .focus\:text-pink-700:focus { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .focus\:text-pink-800:focus { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .focus\:text-pink-900:focus { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } -.text-xs { - font-size: 0.75rem !important; +.text-opacity-0 { + --text-opacity: 0 !important; } -.text-sm { - font-size: 0.875rem !important; +.text-opacity-25 { + --text-opacity: 0.25 !important; } -.text-base { - font-size: 1rem !important; +.text-opacity-50 { + --text-opacity: 0.5 !important; } -.text-lg { - font-size: 1.125rem !important; +.text-opacity-75 { + --text-opacity: 0.75 !important; } -.text-xl { - font-size: 1.25rem !important; +.text-opacity-100 { + --text-opacity: 1 !important; } -.text-2xl { - font-size: 1.5rem !important; +.hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } -.text-3xl { - font-size: 1.875rem !important; +.hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } -.text-4xl { - font-size: 2.25rem !important; +.hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } -.text-5xl { - font-size: 3rem !important; +.hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } -.text-6xl { - font-size: 4rem !important; +.hover\:text-opacity-100:hover { + --text-opacity: 1 !important; +} + +.focus\:text-opacity-0:focus { + --text-opacity: 0 !important; +} + +.focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; +} + +.focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; +} + +.focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; +} + +.focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } .italic { @@ -10916,20646 +14315,28642 @@ video { 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; +} + .example { font-weight: 700; color: #f56565; } @media (min-width: 640px) { - .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\: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\: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\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0px * var(--space-x-reverse)) !important; + margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !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\: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\: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\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:appearance-none { - appearance: none !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\:bg-fixed { - background-attachment: fixed !important; + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-local { - background-attachment: local !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\:bg-scroll { - background-attachment: scroll !important; + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-transparent { - background-color: transparent !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\:bg-black { - background-color: #000 !important; + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-white { - background-color: #fff !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\:bg-gray-100 { - background-color: #f7fafc !important; + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-gray-200 { - background-color: #edf2f7 !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\:bg-gray-300 { - background-color: #e2e8f0 !important; + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-gray-400 { - background-color: #cbd5e0 !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\:bg-gray-500 { - background-color: #a0aec0 !important; + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2rem * var(--space-x-reverse)) !important; + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-gray-600 { - background-color: #718096 !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\:bg-gray-700 { - background-color: #4a5568 !important; + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-gray-800 { - background-color: #2d3748 !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\:bg-gray-900 { - background-color: #1a202c !important; + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(3rem * var(--space-x-reverse)) !important; + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-red-100 { - background-color: #fff5f5 !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\:bg-red-200 { - background-color: #fed7d7 !important; + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(4rem * var(--space-x-reverse)) !important; + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-red-300 { - background-color: #feb2b2 !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\:bg-red-400 { - background-color: #fc8181 !important; + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(5rem * var(--space-x-reverse)) !important; + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-red-500 { - background-color: #f56565 !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\:bg-red-600 { - background-color: #e53e3e !important; + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(6rem * var(--space-x-reverse)) !important; + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-red-700 { - background-color: #c53030 !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\:bg-red-800 { - background-color: #9b2c2c !important; + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(8rem * var(--space-x-reverse)) !important; + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-red-900 { - background-color: #742a2a !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\:bg-orange-100 { - background-color: #fffaf0 !important; + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(10rem * var(--space-x-reverse)) !important; + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-orange-200 { - background-color: #feebc8 !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\:bg-orange-300 { - background-color: #fbd38d !important; + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(12rem * var(--space-x-reverse)) !important; + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-orange-400 { - background-color: #f6ad55 !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\:bg-orange-500 { - background-color: #ed8936 !important; + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(14rem * var(--space-x-reverse)) !important; + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-orange-600 { - background-color: #dd6b20 !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\:bg-orange-700 { - background-color: #c05621 !important; + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(16rem * var(--space-x-reverse)) !important; + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-orange-800 { - background-color: #9c4221 !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\:bg-orange-900 { - background-color: #7b341e !important; + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1px * var(--space-x-reverse)) !important; + margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-yellow-100 { - background-color: #fffff0 !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\:bg-yellow-200 { - background-color: #fefcbf !important; + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-yellow-300 { - background-color: #faf089 !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\:bg-yellow-400 { - background-color: #f6e05e !important; + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-yellow-500 { - background-color: #ecc94b !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\:bg-yellow-600 { - background-color: #d69e2e !important; + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-yellow-700 { - background-color: #b7791f !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\:bg-yellow-800 { - background-color: #975a16 !important; + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1rem * var(--space-x-reverse)) !important; + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-yellow-900 { - background-color: #744210 !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\:bg-green-100 { - background-color: #f0fff4 !important; + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-green-200 { - background-color: #c6f6d5 !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\:bg-green-300 { - background-color: #9ae6b4 !important; + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-green-400 { - background-color: #68d391 !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\:bg-green-500 { - background-color: #48bb78 !important; + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2rem * var(--space-x-reverse)) !important; + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-green-600 { - background-color: #38a169 !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\:bg-green-700 { - background-color: #2f855a !important; + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-green-800 { - background-color: #276749 !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\:bg-green-900 { - background-color: #22543d !important; + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-3rem * var(--space-x-reverse)) !important; + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-teal-100 { - background-color: #e6fffa !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\:bg-teal-200 { - background-color: #b2f5ea !important; + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-4rem * var(--space-x-reverse)) !important; + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-teal-300 { - background-color: #81e6d9 !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\:bg-teal-400 { - background-color: #4fd1c5 !important; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-5rem * var(--space-x-reverse)) !important; + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-teal-500 { - background-color: #38b2ac !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\:bg-teal-600 { - background-color: #319795 !important; + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-6rem * var(--space-x-reverse)) !important; + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-teal-700 { - background-color: #2c7a7b !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\:bg-teal-800 { - background-color: #285e61 !important; + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-8rem * var(--space-x-reverse)) !important; + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-teal-900 { - background-color: #234e52 !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\:bg-blue-100 { - background-color: #ebf8ff !important; + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-10rem * var(--space-x-reverse)) !important; + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-blue-200 { - background-color: #bee3f8 !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\:bg-blue-300 { - background-color: #90cdf4 !important; + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-12rem * var(--space-x-reverse)) !important; + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-blue-400 { - background-color: #63b3ed !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\:bg-blue-500 { - background-color: #4299e1 !important; + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-14rem * var(--space-x-reverse)) !important; + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-blue-600 { - background-color: #3182ce !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\:bg-blue-700 { - background-color: #2b6cb0 !important; + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-16rem * var(--space-x-reverse)) !important; + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-blue-800 { - background-color: #2c5282 !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\:bg-blue-900 { - background-color: #2a4365 !important; + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1px * var(--space-x-reverse)) !important; + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .sm\:bg-indigo-100 { - background-color: #ebf4ff !important; + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .sm\:bg-indigo-200 { - background-color: #c3dafe !important; + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .sm\:bg-indigo-300 { - background-color: #a3bffa !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\:bg-indigo-400 { - background-color: #7f9cf5 !important; + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(0px * var(--divide-x-reverse)) !important; + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .sm\:bg-indigo-500 { - background-color: #667eea !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\:bg-indigo-600 { - background-color: #5a67d8 !important; + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(2px * var(--divide-x-reverse)) !important; + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .sm\:bg-indigo-700 { - background-color: #4c51bf !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\:bg-indigo-800 { - background-color: #434190 !important; + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(4px * var(--divide-x-reverse)) !important; + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .sm\:bg-indigo-900 { - background-color: #3c366b !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\:bg-purple-100 { - background-color: #faf5ff !important; + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(8px * var(--divide-x-reverse)) !important; + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .sm\:bg-purple-200 { - background-color: #e9d8fd !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\:bg-purple-300 { - background-color: #d6bcfa !important; + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(1px * var(--divide-x-reverse)) !important; + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .sm\:bg-purple-400 { - background-color: #b794f4 !important; + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .sm\:bg-purple-500 { - background-color: #9f7aea !important; + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .sm\:bg-purple-600 { - background-color: #805ad5 !important; + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .sm\:bg-purple-700 { - background-color: #6b46c1 !important; + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .sm\:bg-purple-800 { - background-color: #553c9a !important; + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .sm\:bg-purple-900 { - background-color: #44337a !important; + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .sm\:bg-pink-100 { - background-color: #fff5f7 !important; + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--divide-opacity)) !important; } - .sm\:bg-pink-200 { - background-color: #fed7e2 !important; + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--divide-opacity)) !important; } - .sm\:bg-pink-300 { - background-color: #fbb6ce !important; + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--divide-opacity)) !important; } - .sm\:bg-pink-400 { - background-color: #f687b3 !important; + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--divide-opacity)) !important; } - .sm\:bg-pink-500 { - background-color: #ed64a6 !important; + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--divide-opacity)) !important; } - .sm\:bg-pink-600 { - background-color: #d53f8c !important; + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--divide-opacity)) !important; } - .sm\:bg-pink-700 { - background-color: #b83280 !important; + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--divide-opacity)) !important; } - .sm\:bg-pink-800 { - background-color: #97266d !important; + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--divide-opacity)) !important; } - .sm\:bg-pink-900 { - background-color: #702459 !important; + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--divide-opacity)) !important; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent !important; + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--divide-opacity)) !important; } - .sm\:hover\:bg-black:hover { - background-color: #000 !important; + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--divide-opacity)) !important; } - .sm\:hover\:bg-white:hover { - background-color: #fff !important; + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .sm\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .sm\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .sm\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--divide-opacity)) !important; } - .sm\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .sm\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .sm\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .sm\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .sm\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .sm\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .sm\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .sm\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--divide-opacity)) !important; } - .sm\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--divide-opacity)) !important; } - .sm\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .sm\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .sm\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--divide-opacity)) !important; } - .sm\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .sm\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .sm\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .sm\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .sm\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .sm\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .sm\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .sm\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--divide-opacity)) !important; } - .sm\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .sm\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .sm\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--divide-opacity)) !important; } - .sm\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .sm\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .sm\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .sm\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .sm\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .sm\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .sm\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .sm\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--divide-opacity)) !important; } - .sm\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--divide-opacity)) !important; } - .sm\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--divide-opacity)) !important; } - .sm\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .sm\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .sm\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .sm\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .sm\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .sm\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !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\:hover\:bg-pink-400:hover { - background-color: #f687b3 !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\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !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\:hover\:bg-pink-600:hover { - background-color: #d53f8c !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\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .sm\:appearance-none { + appearance: none !important; } - .sm\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .sm\:bg-fixed { + background-attachment: fixed !important; } - .sm\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .sm\:bg-local { + background-attachment: local !important; } - .sm\:focus\:bg-transparent:focus { + .sm\:bg-scroll { + background-attachment: scroll !important; + } + + .sm\:bg-transparent { background-color: transparent !important; } - .sm\:focus\:bg-black:focus { + .sm\:bg-current { + background-color: currentColor !important; + } + + .sm\:bg-black { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .sm\:focus\:bg-white:focus { + .sm\:bg-white { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-100:focus { + .sm\:bg-gray-100 { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-200:focus { + .sm\:bg-gray-200 { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-300:focus { + .sm\:bg-gray-300 { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-400:focus { + .sm\:bg-gray-400 { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-500:focus { + .sm\:bg-gray-500 { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-600:focus { + .sm\:bg-gray-600 { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-700:focus { + .sm\:bg-gray-700 { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-800:focus { + .sm\:bg-gray-800 { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .sm\:focus\:bg-gray-900:focus { + .sm\:bg-gray-900 { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-100:focus { + .sm\:bg-red-100 { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-200:focus { + .sm\:bg-red-200 { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-300:focus { + .sm\:bg-red-300 { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-400:focus { + .sm\:bg-red-400 { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-500:focus { + .sm\:bg-red-500 { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-600:focus { + .sm\:bg-red-600 { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-700:focus { + .sm\:bg-red-700 { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-800:focus { + .sm\:bg-red-800 { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .sm\:focus\:bg-red-900:focus { + .sm\:bg-red-900 { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-100:focus { + .sm\:bg-orange-100 { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-200:focus { + .sm\:bg-orange-200 { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-300:focus { + .sm\:bg-orange-300 { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-400:focus { + .sm\:bg-orange-400 { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-500:focus { + .sm\:bg-orange-500 { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-600:focus { + .sm\:bg-orange-600 { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-700:focus { + .sm\:bg-orange-700 { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-800:focus { + .sm\:bg-orange-800 { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .sm\:focus\:bg-orange-900:focus { + .sm\:bg-orange-900 { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-100:focus { + .sm\:bg-yellow-100 { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-200:focus { + .sm\:bg-yellow-200 { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-300:focus { + .sm\:bg-yellow-300 { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-400:focus { + .sm\:bg-yellow-400 { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-500:focus { + .sm\:bg-yellow-500 { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-600:focus { + .sm\:bg-yellow-600 { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-700:focus { + .sm\:bg-yellow-700 { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-800:focus { + .sm\:bg-yellow-800 { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .sm\:focus\:bg-yellow-900:focus { + .sm\:bg-yellow-900 { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-100:focus { + .sm\:bg-green-100 { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-200:focus { + .sm\:bg-green-200 { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-300:focus { + .sm\:bg-green-300 { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-400:focus { + .sm\:bg-green-400 { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-500:focus { + .sm\:bg-green-500 { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-600:focus { + .sm\:bg-green-600 { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-700:focus { + .sm\:bg-green-700 { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-800:focus { + .sm\:bg-green-800 { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .sm\:focus\:bg-green-900:focus { + .sm\:bg-green-900 { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-100:focus { + .sm\:bg-teal-100 { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-200:focus { + .sm\:bg-teal-200 { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-300:focus { + .sm\:bg-teal-300 { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-400:focus { + .sm\:bg-teal-400 { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-500:focus { + .sm\:bg-teal-500 { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-600:focus { + .sm\:bg-teal-600 { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-700:focus { + .sm\:bg-teal-700 { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-800:focus { + .sm\:bg-teal-800 { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .sm\:focus\:bg-teal-900:focus { + .sm\:bg-teal-900 { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-100:focus { + .sm\:bg-blue-100 { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-200:focus { + .sm\:bg-blue-200 { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-300:focus { + .sm\:bg-blue-300 { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-400:focus { + .sm\:bg-blue-400 { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-500:focus { + .sm\:bg-blue-500 { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-600:focus { + .sm\:bg-blue-600 { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-700:focus { + .sm\:bg-blue-700 { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-800:focus { + .sm\:bg-blue-800 { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .sm\:focus\:bg-blue-900:focus { + .sm\:bg-blue-900 { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-100:focus { + .sm\:bg-indigo-100 { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-200:focus { + .sm\:bg-indigo-200 { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-300:focus { + .sm\:bg-indigo-300 { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-400:focus { + .sm\:bg-indigo-400 { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-500:focus { + .sm\:bg-indigo-500 { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-600:focus { + .sm\:bg-indigo-600 { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-700:focus { + .sm\:bg-indigo-700 { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-800:focus { + .sm\:bg-indigo-800 { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .sm\:focus\:bg-indigo-900:focus { + .sm\:bg-indigo-900 { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-100:focus { + .sm\:bg-purple-100 { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-200:focus { + .sm\:bg-purple-200 { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-300:focus { + .sm\:bg-purple-300 { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-400:focus { + .sm\:bg-purple-400 { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-500:focus { + .sm\:bg-purple-500 { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-600:focus { + .sm\:bg-purple-600 { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-700:focus { + .sm\:bg-purple-700 { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-800:focus { + .sm\:bg-purple-800 { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .sm\:focus\:bg-purple-900:focus { + .sm\:bg-purple-900 { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-100:focus { + .sm\:bg-pink-100 { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-200:focus { + .sm\:bg-pink-200 { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-300:focus { + .sm\:bg-pink-300 { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-400:focus { + .sm\:bg-pink-400 { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-500:focus { + .sm\:bg-pink-500 { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-600:focus { + .sm\:bg-pink-600 { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-700:focus { + .sm\:bg-pink-700 { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-800:focus { + .sm\:bg-pink-800 { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .sm\:focus\:bg-pink-900:focus { + .sm\:bg-pink-900 { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .sm\:bg-bottom { - background-position: bottom !important; + .sm\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .sm\:bg-center { - background-position: center !important; + .sm\:hover\:bg-current:hover { + background-color: currentColor !important; } - .sm\:bg-left { - background-position: left !important; + .sm\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .sm\:bg-left-bottom { - background-position: left bottom !important; + .sm\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .sm\:bg-left-top { - background-position: left top !important; + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .sm\:bg-right { - background-position: right !important; + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .sm\:bg-right-bottom { - background-position: right bottom !important; + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .sm\:bg-right-top { - background-position: right top !important; + .sm\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .sm\:bg-top { - background-position: top !important; + .sm\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .sm\:bg-repeat { - background-repeat: repeat !important; + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .sm\:bg-no-repeat { - background-repeat: no-repeat !important; + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .sm\:bg-repeat-x { - background-repeat: repeat-x !important; + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .sm\:bg-repeat-y { - background-repeat: repeat-y !important; + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .sm\:bg-repeat-round { - background-repeat: round !important; + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .sm\:bg-repeat-space { - background-repeat: space !important; + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .sm\:bg-auto { - background-size: auto !important; + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .sm\:bg-cover { - background-size: cover !important; + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .sm\:bg-contain { - background-size: contain !important; + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .sm\:border-collapse { - border-collapse: collapse !important; + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .sm\:border-separate { - border-collapse: separate !important; + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .sm\:border-transparent { - border-color: transparent !important; + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .sm\:border-black { - border-color: #000 !important; + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .sm\:border-white { - border-color: #fff !important; + .sm\:hover\:bg-orange-100:hover { + --bg-opacity: 1 !important; + background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .sm\:border-gray-100 { - border-color: #f7fafc !important; + .sm\:hover\:bg-orange-200:hover { + --bg-opacity: 1 !important; + background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .sm\:border-gray-200 { - border-color: #edf2f7 !important; + .sm\:hover\:bg-orange-300:hover { + --bg-opacity: 1 !important; + background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .sm\:border-gray-300 { - border-color: #e2e8f0 !important; + .sm\:hover\:bg-orange-400:hover { + --bg-opacity: 1 !important; + background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .sm\:border-gray-400 { - border-color: #cbd5e0 !important; + .sm\:hover\:bg-orange-500:hover { + --bg-opacity: 1 !important; + background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .sm\:border-gray-500 { - border-color: #a0aec0 !important; + .sm\:hover\:bg-orange-600:hover { + --bg-opacity: 1 !important; + background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .sm\:border-gray-600 { - border-color: #718096 !important; + .sm\:hover\:bg-orange-700:hover { + --bg-opacity: 1 !important; + background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .sm\:border-gray-700 { - border-color: #4a5568 !important; + .sm\:hover\:bg-orange-800:hover { + --bg-opacity: 1 !important; + background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .sm\:border-gray-800 { - border-color: #2d3748 !important; + .sm\:hover\:bg-orange-900:hover { + --bg-opacity: 1 !important; + background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .sm\:border-gray-900 { - border-color: #1a202c !important; + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .sm\:border-red-100 { - border-color: #fff5f5 !important; + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .sm\:border-red-200 { - border-color: #fed7d7 !important; + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .sm\:border-red-300 { - border-color: #feb2b2 !important; + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .sm\:border-red-400 { - border-color: #fc8181 !important; + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .sm\:border-red-500 { - border-color: #f56565 !important; + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .sm\:border-red-600 { - border-color: #e53e3e !important; + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .sm\:border-red-700 { - border-color: #c53030 !important; + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .sm\:border-red-800 { - border-color: #9b2c2c !important; + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .sm\:border-red-900 { - border-color: #742a2a !important; + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .sm\:border-orange-100 { - border-color: #fffaf0 !important; + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .sm\:border-orange-200 { - border-color: #feebc8 !important; + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .sm\:border-orange-300 { - border-color: #fbd38d !important; + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .sm\:border-orange-400 { - border-color: #f6ad55 !important; + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .sm\:border-orange-500 { - border-color: #ed8936 !important; + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .sm\:border-orange-600 { - border-color: #dd6b20 !important; + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .sm\:border-orange-700 { - border-color: #c05621 !important; + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .sm\:border-orange-800 { - border-color: #9c4221 !important; + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .sm\:border-orange-900 { - border-color: #7b341e !important; + .sm\:hover\:bg-teal-100:hover { + --bg-opacity: 1 !important; + background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .sm\:border-yellow-100 { - border-color: #fffff0 !important; + .sm\:hover\:bg-teal-200:hover { + --bg-opacity: 1 !important; + background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .sm\:border-yellow-200 { - border-color: #fefcbf !important; + .sm\:hover\:bg-teal-300:hover { + --bg-opacity: 1 !important; + background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .sm\:border-yellow-300 { - border-color: #faf089 !important; + .sm\:hover\:bg-teal-400:hover { + --bg-opacity: 1 !important; + background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .sm\:border-yellow-400 { - border-color: #f6e05e !important; + .sm\:hover\:bg-teal-500:hover { + --bg-opacity: 1 !important; + background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .sm\:border-yellow-500 { - border-color: #ecc94b !important; + .sm\:hover\:bg-teal-600:hover { + --bg-opacity: 1 !important; + background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } - .sm\:border-yellow-600 { - border-color: #d69e2e !important; + .sm\:hover\:bg-teal-700:hover { + --bg-opacity: 1 !important; + background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .sm\:border-yellow-700 { - border-color: #b7791f !important; + .sm\:hover\:bg-teal-800:hover { + --bg-opacity: 1 !important; + background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .sm\:border-yellow-800 { - border-color: #975a16 !important; + .sm\:hover\:bg-teal-900:hover { + --bg-opacity: 1 !important; + background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .sm\:border-yellow-900 { - border-color: #744210 !important; + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .sm\:border-green-100 { - border-color: #f0fff4 !important; + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .sm\:border-green-200 { - border-color: #c6f6d5 !important; + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .sm\:border-green-300 { - border-color: #9ae6b4 !important; + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .sm\:border-green-400 { - border-color: #68d391 !important; + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .sm\:border-green-500 { - border-color: #48bb78 !important; + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .sm\:border-green-600 { - border-color: #38a169 !important; + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .sm\:border-green-700 { - border-color: #2f855a !important; + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .sm\:border-green-800 { - border-color: #276749 !important; + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .sm\:border-green-900 { - border-color: #22543d !important; + .sm\:hover\:bg-indigo-100:hover { + --bg-opacity: 1 !important; + background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .sm\:border-teal-100 { - border-color: #e6fffa !important; + .sm\:hover\:bg-indigo-200:hover { + --bg-opacity: 1 !important; + background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .sm\:border-teal-200 { - border-color: #b2f5ea !important; + .sm\:hover\:bg-indigo-300:hover { + --bg-opacity: 1 !important; + background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .sm\:border-teal-300 { - border-color: #81e6d9 !important; + .sm\:hover\:bg-indigo-400:hover { + --bg-opacity: 1 !important; + background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .sm\:border-teal-400 { - border-color: #4fd1c5 !important; + .sm\:hover\:bg-indigo-500:hover { + --bg-opacity: 1 !important; + background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .sm\:border-teal-500 { - border-color: #38b2ac !important; + .sm\:hover\:bg-indigo-600:hover { + --bg-opacity: 1 !important; + background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .sm\:border-teal-600 { - border-color: #319795 !important; + .sm\:hover\:bg-indigo-700:hover { + --bg-opacity: 1 !important; + background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .sm\:border-teal-700 { - border-color: #2c7a7b !important; + .sm\:hover\:bg-indigo-800:hover { + --bg-opacity: 1 !important; + background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .sm\:border-teal-800 { - border-color: #285e61 !important; + .sm\:hover\:bg-indigo-900:hover { + --bg-opacity: 1 !important; + background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .sm\:border-teal-900 { - border-color: #234e52 !important; + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .sm\:border-blue-100 { - border-color: #ebf8ff !important; + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .sm\:border-blue-200 { - border-color: #bee3f8 !important; + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .sm\:border-blue-300 { - border-color: #90cdf4 !important; + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .sm\:border-blue-400 { - border-color: #63b3ed !important; + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .sm\:border-blue-500 { - border-color: #4299e1 !important; + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .sm\:border-blue-600 { - border-color: #3182ce !important; + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .sm\:border-blue-700 { - border-color: #2b6cb0 !important; + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .sm\:border-blue-800 { - border-color: #2c5282 !important; + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .sm\:border-blue-900 { - border-color: #2a4365 !important; + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .sm\:border-indigo-100 { - border-color: #ebf4ff !important; + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .sm\:border-indigo-200 { - border-color: #c3dafe !important; + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .sm\:border-indigo-300 { - border-color: #a3bffa !important; + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .sm\:border-indigo-400 { - border-color: #7f9cf5 !important; + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .sm\:border-indigo-500 { - border-color: #667eea !important; + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .sm\:border-indigo-600 { - border-color: #5a67d8 !important; + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .sm\:border-indigo-700 { - border-color: #4c51bf !important; + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .sm\:border-indigo-800 { - border-color: #434190 !important; + .sm\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .sm\:border-indigo-900 { - border-color: #3c366b !important; + .sm\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .sm\:border-purple-100 { - border-color: #faf5ff !important; + .sm\:focus\:bg-current:focus { + background-color: currentColor !important; } - .sm\:border-purple-200 { - border-color: #e9d8fd !important; + .sm\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .sm\:border-purple-300 { - border-color: #d6bcfa !important; + .sm\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .sm\:border-purple-400 { - border-color: #b794f4 !important; + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .sm\:border-purple-500 { - border-color: #9f7aea !important; + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .sm\:border-purple-600 { - border-color: #805ad5 !important; + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .sm\:border-purple-700 { - border-color: #6b46c1 !important; + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .sm\:border-purple-800 { - border-color: #553c9a !important; + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .sm\:border-purple-900 { - border-color: #44337a !important; + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .sm\:border-pink-100 { - border-color: #fff5f7 !important; + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .sm\:border-pink-200 { - border-color: #fed7e2 !important; + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .sm\:border-pink-300 { - border-color: #fbb6ce !important; + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .sm\:border-pink-400 { - border-color: #f687b3 !important; + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .sm\:border-pink-500 { - border-color: #ed64a6 !important; + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .sm\:border-pink-600 { - border-color: #d53f8c !important; + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .sm\:border-pink-700 { - border-color: #b83280 !important; + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .sm\:border-pink-800 { - border-color: #97266d !important; + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .sm\:border-pink-900 { - border-color: #702459 !important; + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .sm\:hover\:border-transparent:hover { - border-color: transparent !important; + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .sm\:hover\:border-black:hover { - border-color: #000 !important; + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .sm\:hover\:border-white:hover { - border-color: #fff !important; + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-100:hover { - border-color: #f7fafc !important; + .sm\:focus\:bg-orange-100:focus { + --bg-opacity: 1 !important; + background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-200:hover { - border-color: #edf2f7 !important; + .sm\:focus\:bg-orange-200:focus { + --bg-opacity: 1 !important; + background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-300:hover { - border-color: #e2e8f0 !important; + .sm\:focus\:bg-orange-300:focus { + --bg-opacity: 1 !important; + background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-400:hover { - border-color: #cbd5e0 !important; + .sm\:focus\:bg-orange-400:focus { + --bg-opacity: 1 !important; + background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-500:hover { - border-color: #a0aec0 !important; + .sm\:focus\:bg-orange-500:focus { + --bg-opacity: 1 !important; + background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-600:hover { - border-color: #718096 !important; + .sm\:focus\:bg-orange-600:focus { + --bg-opacity: 1 !important; + background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-700:hover { - border-color: #4a5568 !important; + .sm\:focus\:bg-orange-700:focus { + --bg-opacity: 1 !important; + background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-800:hover { - border-color: #2d3748 !important; + .sm\:focus\:bg-orange-800:focus { + --bg-opacity: 1 !important; + background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .sm\:hover\:border-gray-900:hover { - border-color: #1a202c !important; + .sm\:focus\:bg-orange-900:focus { + --bg-opacity: 1 !important; + background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-100:hover { - border-color: #fff5f5 !important; + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-200:hover { - border-color: #fed7d7 !important; + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-300:hover { - border-color: #feb2b2 !important; + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-400:hover { - border-color: #fc8181 !important; + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-500:hover { - border-color: #f56565 !important; + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-600:hover { - border-color: #e53e3e !important; + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-700:hover { - border-color: #c53030 !important; + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-800:hover { - border-color: #9b2c2c !important; + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .sm\:hover\:border-red-900:hover { - border-color: #742a2a !important; + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-100:hover { - border-color: #fffaf0 !important; + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-200:hover { - border-color: #feebc8 !important; + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-300:hover { - border-color: #fbd38d !important; + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-400:hover { - border-color: #f6ad55 !important; + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-500:hover { - border-color: #ed8936 !important; + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-600:hover { - border-color: #dd6b20 !important; + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-700:hover { - border-color: #c05621 !important; + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-800:hover { - border-color: #9c4221 !important; + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .sm\:hover\:border-orange-900:hover { - border-color: #7b341e !important; + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-100:hover { - border-color: #fffff0 !important; + .sm\:focus\:bg-teal-100:focus { + --bg-opacity: 1 !important; + background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-200:hover { - border-color: #fefcbf !important; + .sm\:focus\:bg-teal-200:focus { + --bg-opacity: 1 !important; + background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-300:hover { - border-color: #faf089 !important; + .sm\:focus\:bg-teal-300:focus { + --bg-opacity: 1 !important; + background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-400:hover { - border-color: #f6e05e !important; + .sm\:focus\:bg-teal-400:focus { + --bg-opacity: 1 !important; + background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-500:hover { - border-color: #ecc94b !important; + .sm\:focus\:bg-teal-500:focus { + --bg-opacity: 1 !important; + background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-600:hover { - border-color: #d69e2e !important; - } + .sm\:focus\:bg-teal-600:focus { + --bg-opacity: 1 !important; + background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; + } - .sm\:hover\:border-yellow-700:hover { - border-color: #b7791f !important; + .sm\:focus\:bg-teal-700:focus { + --bg-opacity: 1 !important; + background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-800:hover { - border-color: #975a16 !important; + .sm\:focus\:bg-teal-800:focus { + --bg-opacity: 1 !important; + background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .sm\:hover\:border-yellow-900:hover { - border-color: #744210 !important; + .sm\:focus\:bg-teal-900:focus { + --bg-opacity: 1 !important; + background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-100:hover { - border-color: #f0fff4 !important; + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-200:hover { - border-color: #c6f6d5 !important; + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-300:hover { - border-color: #9ae6b4 !important; + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-400:hover { - border-color: #68d391 !important; + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-500:hover { - border-color: #48bb78 !important; + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-600:hover { - border-color: #38a169 !important; + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-700:hover { - border-color: #2f855a !important; + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-800:hover { - border-color: #276749 !important; + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .sm\:hover\:border-green-900:hover { - border-color: #22543d !important; + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-100:hover { - border-color: #e6fffa !important; + .sm\:focus\:bg-indigo-100:focus { + --bg-opacity: 1 !important; + background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-200:hover { - border-color: #b2f5ea !important; + .sm\:focus\:bg-indigo-200:focus { + --bg-opacity: 1 !important; + background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-300:hover { - border-color: #81e6d9 !important; + .sm\:focus\:bg-indigo-300:focus { + --bg-opacity: 1 !important; + background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-400:hover { - border-color: #4fd1c5 !important; + .sm\:focus\:bg-indigo-400:focus { + --bg-opacity: 1 !important; + background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-500:hover { - border-color: #38b2ac !important; + .sm\:focus\:bg-indigo-500:focus { + --bg-opacity: 1 !important; + background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-600:hover { - border-color: #319795 !important; + .sm\:focus\:bg-indigo-600:focus { + --bg-opacity: 1 !important; + background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-700:hover { - border-color: #2c7a7b !important; + .sm\:focus\:bg-indigo-700:focus { + --bg-opacity: 1 !important; + background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-800:hover { - border-color: #285e61 !important; + .sm\:focus\:bg-indigo-800:focus { + --bg-opacity: 1 !important; + background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .sm\:hover\:border-teal-900:hover { - border-color: #234e52 !important; + .sm\:focus\:bg-indigo-900:focus { + --bg-opacity: 1 !important; + background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-100:hover { - border-color: #ebf8ff !important; + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-200:hover { - border-color: #bee3f8 !important; + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-300:hover { - border-color: #90cdf4 !important; + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-400:hover { - border-color: #63b3ed !important; + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-500:hover { - border-color: #4299e1 !important; + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-600:hover { - border-color: #3182ce !important; + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-700:hover { - border-color: #2b6cb0 !important; + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-800:hover { - border-color: #2c5282 !important; + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .sm\:hover\:border-blue-900:hover { - border-color: #2a4365 !important; + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-100:hover { - border-color: #ebf4ff !important; + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-200:hover { - border-color: #c3dafe !important; + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-300:hover { - border-color: #a3bffa !important; + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-400:hover { - border-color: #7f9cf5 !important; + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-500:hover { - border-color: #667eea !important; + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-600:hover { - border-color: #5a67d8 !important; + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-700:hover { - border-color: #4c51bf !important; + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-800:hover { - border-color: #434190 !important; + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .sm\:hover\:border-indigo-900:hover { - border-color: #3c366b !important; + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .sm\:hover\:border-purple-100:hover { - border-color: #faf5ff !important; + .sm\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .sm\:hover\:border-purple-200:hover { - border-color: #e9d8fd !important; + .sm\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .sm\:hover\:border-purple-300:hover { - border-color: #d6bcfa !important; + .sm\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .sm\:hover\:border-purple-400:hover { - border-color: #b794f4 !important; + .sm\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .sm\:hover\:border-purple-500:hover { - border-color: #9f7aea !important; + .sm\:bg-opacity-100 { + --bg-opacity: 1 !important; } - .sm\:hover\:border-purple-600:hover { - border-color: #805ad5 !important; + .sm\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; } - .sm\:hover\:border-purple-700:hover { - border-color: #6b46c1 !important; + .sm\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; } - .sm\:hover\:border-purple-800:hover { - border-color: #553c9a !important; + .sm\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; } - .sm\:hover\:border-purple-900:hover { - border-color: #44337a !important; + .sm\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; } - .sm\:hover\:border-pink-100:hover { - border-color: #fff5f7 !important; + .sm\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; } - .sm\:hover\:border-pink-200:hover { - border-color: #fed7e2 !important; + .sm\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; } - .sm\:hover\:border-pink-300:hover { - border-color: #fbb6ce !important; + .sm\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; } - .sm\:hover\:border-pink-400:hover { - border-color: #f687b3 !important; + .sm\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; } - .sm\:hover\:border-pink-500:hover { - border-color: #ed64a6 !important; + .sm\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; } - .sm\:hover\:border-pink-600:hover { - border-color: #d53f8c !important; + .sm\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } - .sm\:hover\:border-pink-700:hover { - border-color: #b83280 !important; + .sm\:bg-bottom { + background-position: bottom !important; } - .sm\:hover\:border-pink-800:hover { - border-color: #97266d !important; + .sm\:bg-center { + background-position: center !important; } - .sm\:hover\:border-pink-900:hover { - border-color: #702459 !important; + .sm\:bg-left { + background-position: left !important; } - .sm\:focus\:border-transparent:focus { + .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\:focus\:border-black:focus { + .sm\:border-current { + border-color: currentColor !important; + } + + .sm\:border-black { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .sm\:focus\:border-white:focus { + .sm\:border-white { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-100:focus { + .sm\:border-gray-100 { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-200:focus { + .sm\:border-gray-200 { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-300:focus { + .sm\:border-gray-300 { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-400:focus { + .sm\:border-gray-400 { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-500:focus { + .sm\:border-gray-500 { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-600:focus { + .sm\:border-gray-600 { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-700:focus { + .sm\:border-gray-700 { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-800:focus { + .sm\:border-gray-800 { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .sm\:focus\:border-gray-900:focus { + .sm\:border-gray-900 { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .sm\:focus\:border-red-100:focus { + .sm\:border-red-100 { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .sm\:focus\:border-red-200:focus { + .sm\:border-red-200 { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .sm\:focus\:border-red-300:focus { + .sm\:border-red-300 { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .sm\:focus\:border-red-400:focus { + .sm\:border-red-400 { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .sm\:focus\:border-red-500:focus { + .sm\:border-red-500 { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .sm\:focus\:border-red-600:focus { + .sm\:border-red-600 { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .sm\:focus\:border-red-700:focus { + .sm\:border-red-700 { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .sm\:focus\:border-red-800:focus { + .sm\:border-red-800 { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .sm\:focus\:border-red-900:focus { + .sm\:border-red-900 { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-100:focus { + .sm\:border-orange-100 { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-200:focus { + .sm\:border-orange-200 { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-300:focus { + .sm\:border-orange-300 { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-400:focus { + .sm\:border-orange-400 { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-500:focus { + .sm\:border-orange-500 { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-600:focus { + .sm\:border-orange-600 { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-700:focus { + .sm\:border-orange-700 { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-800:focus { + .sm\:border-orange-800 { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .sm\:focus\:border-orange-900:focus { + .sm\:border-orange-900 { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-100:focus { + .sm\:border-yellow-100 { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-200:focus { + .sm\:border-yellow-200 { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-300:focus { + .sm\:border-yellow-300 { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-400:focus { + .sm\:border-yellow-400 { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-500:focus { + .sm\:border-yellow-500 { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-600:focus { + .sm\:border-yellow-600 { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-700:focus { + .sm\:border-yellow-700 { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-800:focus { + .sm\:border-yellow-800 { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .sm\:focus\:border-yellow-900:focus { + .sm\:border-yellow-900 { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .sm\:focus\:border-green-100:focus { + .sm\:border-green-100 { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .sm\:focus\:border-green-200:focus { + .sm\:border-green-200 { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .sm\:focus\:border-green-300:focus { + .sm\:border-green-300 { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } - .sm\:focus\:border-green-400:focus { + .sm\:border-green-400 { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .sm\:focus\:border-green-500:focus { + .sm\:border-green-500 { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .sm\:focus\:border-green-600:focus { + .sm\:border-green-600 { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .sm\:focus\:border-green-700:focus { + .sm\:border-green-700 { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .sm\:focus\:border-green-800:focus { + .sm\:border-green-800 { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .sm\:focus\:border-green-900:focus { + .sm\:border-green-900 { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-100:focus { + .sm\:border-teal-100 { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-200:focus { + .sm\:border-teal-200 { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-300:focus { + .sm\:border-teal-300 { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-400:focus { + .sm\:border-teal-400 { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-500:focus { + .sm\:border-teal-500 { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-600:focus { + .sm\:border-teal-600 { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-700:focus { + .sm\:border-teal-700 { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-800:focus { + .sm\:border-teal-800 { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .sm\:focus\:border-teal-900:focus { + .sm\:border-teal-900 { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-100:focus { + .sm\:border-blue-100 { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-200:focus { + .sm\:border-blue-200 { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-300:focus { + .sm\:border-blue-300 { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-400:focus { + .sm\:border-blue-400 { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-500:focus { + .sm\:border-blue-500 { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-600:focus { + .sm\:border-blue-600 { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-700:focus { + .sm\:border-blue-700 { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-800:focus { + .sm\:border-blue-800 { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .sm\:focus\:border-blue-900:focus { + .sm\:border-blue-900 { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-100:focus { + .sm\:border-indigo-100 { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-200:focus { + .sm\:border-indigo-200 { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-300:focus { + .sm\:border-indigo-300 { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-400:focus { + .sm\:border-indigo-400 { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-500:focus { + .sm\:border-indigo-500 { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-600:focus { + .sm\:border-indigo-600 { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-700:focus { + .sm\:border-indigo-700 { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-800:focus { + .sm\:border-indigo-800 { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .sm\:focus\:border-indigo-900:focus { + .sm\:border-indigo-900 { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-100:focus { + .sm\:border-purple-100 { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-200:focus { + .sm\:border-purple-200 { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-300:focus { + .sm\:border-purple-300 { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-400:focus { + .sm\:border-purple-400 { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-500:focus { + .sm\:border-purple-500 { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-600:focus { + .sm\:border-purple-600 { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-700:focus { + .sm\:border-purple-700 { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-800:focus { + .sm\:border-purple-800 { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .sm\:focus\:border-purple-900:focus { + .sm\:border-purple-900 { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-100:focus { + .sm\:border-pink-100 { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-200:focus { + .sm\:border-pink-200 { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-300:focus { + .sm\:border-pink-300 { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-400:focus { + .sm\:border-pink-400 { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-500:focus { + .sm\:border-pink-500 { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-600:focus { + .sm\:border-pink-600 { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-700:focus { + .sm\:border-pink-700 { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-800:focus { + .sm\:border-pink-800 { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .sm\:focus\:border-pink-900:focus { + .sm\:border-pink-900 { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .sm\:rounded-none { - border-radius: 0 !important; + .sm\:hover\:border-transparent:hover { + border-color: transparent !important; } - .sm\:rounded-sm { - border-radius: 0.125rem !important; + .sm\:hover\:border-current:hover { + border-color: currentColor !important; } - .sm\:rounded { - border-radius: 0.25rem !important; + .sm\:hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .sm\:rounded-md { - border-radius: 0.375rem !important; + .sm\:hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .sm\:rounded-lg { - border-radius: 0.5rem !important; + .sm\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .sm\:rounded-full { - border-radius: 9999px !important; + .sm\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .sm\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .sm\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .sm\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .sm\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .sm\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .sm\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .sm\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .sm\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .sm\:hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .sm\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .sm\:hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .sm\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + .sm\:hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; + .sm\:hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .sm\:hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .sm\:hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .sm\:hover\:border-orange-100:hover { + --border-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .sm\:hover\:border-orange-200:hover { + --border-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:hover\:border-orange-300:hover { + --border-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:hover\:border-orange-400:hover { + --border-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .sm\:hover\:border-orange-500:hover { + --border-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .sm\:hover\:border-orange-600:hover { + --border-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:hover\:border-orange-700:hover { + --border-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:hover\:border-orange-800:hover { + --border-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .sm\:rounded-tl-none { - border-top-left-radius: 0 !important; + .sm\:hover\:border-orange-900:hover { + --border-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .sm\:rounded-tr-none { - border-top-right-radius: 0 !important; + .sm\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .sm\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .sm\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .sm\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .sm\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .sm\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .sm\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .sm\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .sm\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .sm\:hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .sm\:hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; + .sm\:hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; + .sm\:hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; + .sm\:hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; + .sm\:hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .sm\:hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .sm\:hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .sm\:hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .sm\:hover\:border-teal-100:hover { + --border-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .sm\:hover\:border-teal-200:hover { + --border-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .sm\:hover\:border-teal-300:hover { + --border-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .sm\:hover\:border-teal-400:hover { + --border-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .sm\:hover\:border-teal-500:hover { + --border-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .sm\:border-solid { - border-style: solid !important; + .sm\:hover\:border-teal-600:hover { + --border-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .sm\:border-dashed { - border-style: dashed !important; + .sm\:hover\:border-teal-700:hover { + --border-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .sm\:border-dotted { - border-style: dotted !important; + .sm\:hover\:border-teal-800:hover { + --border-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .sm\:border-double { - border-style: double !important; + .sm\:hover\:border-teal-900:hover { + --border-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .sm\:border-none { - border-style: none !important; + .sm\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .sm\:border-0 { - border-width: 0 !important; + .sm\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .sm\:border-2 { - border-width: 2px !important; + .sm\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .sm\:border-4 { - border-width: 4px !important; + .sm\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .sm\:border-8 { - border-width: 8px !important; + .sm\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .sm\:border { - border-width: 1px !important; + .sm\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .sm\:border-t-0 { - border-top-width: 0 !important; + .sm\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .sm\:border-r-0 { - border-right-width: 0 !important; + .sm\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .sm\:border-b-0 { - border-bottom-width: 0 !important; + .sm\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .sm\:border-l-0 { - border-left-width: 0 !important; + .sm\:hover\:border-indigo-100:hover { + --border-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .sm\:border-t-2 { - border-top-width: 2px !important; + .sm\:hover\:border-indigo-200:hover { + --border-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .sm\:border-r-2 { - border-right-width: 2px !important; + .sm\:hover\:border-indigo-300:hover { + --border-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .sm\:border-b-2 { - border-bottom-width: 2px !important; + .sm\:hover\:border-indigo-400:hover { + --border-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .sm\:border-l-2 { - border-left-width: 2px !important; + .sm\:hover\:border-indigo-500:hover { + --border-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .sm\:border-t-4 { - border-top-width: 4px !important; + .sm\:hover\:border-indigo-600:hover { + --border-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .sm\:border-r-4 { - border-right-width: 4px !important; + .sm\:hover\:border-indigo-700:hover { + --border-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .sm\:border-b-4 { - border-bottom-width: 4px !important; + .sm\:hover\:border-indigo-800:hover { + --border-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .sm\:border-l-4 { - border-left-width: 4px !important; + .sm\:hover\:border-indigo-900:hover { + --border-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .sm\:border-t-8 { - border-top-width: 8px !important; + .sm\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .sm\:border-r-8 { - border-right-width: 8px !important; + .sm\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .sm\:border-b-8 { - border-bottom-width: 8px !important; + .sm\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .sm\:border-l-8 { - border-left-width: 8px !important; + .sm\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .sm\:border-t { - border-top-width: 1px !important; + .sm\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .sm\:border-r { - border-right-width: 1px !important; + .sm\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .sm\:border-b { - border-bottom-width: 1px !important; + .sm\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .sm\:border-l { - border-left-width: 1px !important; + .sm\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .sm\:box-border { - box-sizing: border-box !important; + .sm\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .sm\:box-content { - box-sizing: content-box !important; + .sm\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .sm\:cursor-auto { - cursor: auto !important; + .sm\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .sm\:cursor-default { - cursor: default !important; + .sm\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .sm\:cursor-pointer { - cursor: pointer !important; + .sm\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .sm\:cursor-wait { - cursor: wait !important; + .sm\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .sm\:cursor-text { - cursor: text !important; + .sm\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .sm\:cursor-move { - cursor: move !important; + .sm\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .sm\:cursor-not-allowed { - cursor: not-allowed !important; + .sm\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .sm\:block { - display: block !important; + .sm\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .sm\:inline-block { - display: inline-block !important; + .sm\:focus\:border-transparent:focus { + border-color: transparent !important; } - .sm\:inline { - display: inline !important; + .sm\:focus\:border-current:focus { + border-color: currentColor !important; } - .sm\:flex { - display: flex !important; + .sm\:focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .sm\:inline-flex { - display: inline-flex !important; + .sm\:focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .sm\:grid { - display: grid !important; + .sm\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .sm\:table { - display: table !important; + .sm\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .sm\:table-caption { - display: table-caption !important; + .sm\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .sm\:table-cell { - display: table-cell !important; + .sm\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .sm\:table-column { - display: table-column !important; + .sm\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .sm\:table-column-group { - display: table-column-group !important; + .sm\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .sm\:table-footer-group { - display: table-footer-group !important; + .sm\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .sm\:table-header-group { - display: table-header-group !important; + .sm\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .sm\:table-row-group { - display: table-row-group !important; + .sm\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .sm\:table-row { - display: table-row !important; + .sm\:focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .sm\:hidden { - display: none !important; + .sm\:focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .sm\:flex-row { - flex-direction: row !important; + .sm\:focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .sm\:flex-row-reverse { - flex-direction: row-reverse !important; + .sm\:focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .sm\:flex-col { - flex-direction: column !important; + .sm\:focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .sm\:flex-col-reverse { - flex-direction: column-reverse !important; + .sm\:focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .sm\:flex-wrap { - flex-wrap: wrap !important; + .sm\:focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .sm\:focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .sm\:flex-no-wrap { - flex-wrap: nowrap !important; + .sm\:focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .sm\:items-start { - align-items: flex-start !important; + .sm\:focus\:border-orange-100:focus { + --border-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .sm\:items-end { - align-items: flex-end !important; + .sm\:focus\:border-orange-200:focus { + --border-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .sm\:items-center { - align-items: center !important; + .sm\:focus\:border-orange-300:focus { + --border-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .sm\:items-baseline { - align-items: baseline !important; + .sm\:focus\:border-orange-400:focus { + --border-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .sm\:items-stretch { - align-items: stretch !important; + .sm\:focus\:border-orange-500:focus { + --border-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .sm\:self-auto { - align-self: auto !important; + .sm\:focus\:border-orange-600:focus { + --border-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .sm\:self-start { - align-self: flex-start !important; + .sm\:focus\:border-orange-700:focus { + --border-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .sm\:self-end { - align-self: flex-end !important; + .sm\:focus\:border-orange-800:focus { + --border-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .sm\:self-center { - align-self: center !important; + .sm\:focus\:border-orange-900:focus { + --border-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .sm\:self-stretch { - align-self: stretch !important; + .sm\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .sm\:justify-start { - justify-content: flex-start !important; + .sm\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .sm\:justify-end { - justify-content: flex-end !important; + .sm\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .sm\:justify-center { - justify-content: center !important; + .sm\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .sm\:justify-between { - justify-content: space-between !important; + .sm\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .sm\:justify-around { - justify-content: space-around !important; + .sm\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .sm\:justify-evenly { - justify-content: space-evenly !important; + .sm\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .sm\:content-center { - align-content: center !important; + .sm\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .sm\:content-start { - align-content: flex-start !important; + .sm\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .sm\:content-end { - align-content: flex-end !important; + .sm\:focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .sm\:content-between { - align-content: space-between !important; + .sm\:focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .sm\:content-around { - align-content: space-around !important; - } + .sm\:focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; + } - .sm\:flex-1 { - flex: 1 1 0% !important; + .sm\:focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .sm\:flex-auto { - flex: 1 1 auto !important; + .sm\:focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .sm\:flex-initial { - flex: 0 1 auto !important; + .sm\:focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .sm\:flex-none { - flex: none !important; + .sm\:focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .sm\:flex-grow-0 { - flex-grow: 0 !important; + .sm\:focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .sm\:flex-grow { - flex-grow: 1 !important; + .sm\:focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .sm\:flex-shrink-0 { - flex-shrink: 0 !important; + .sm\:focus\:border-teal-100:focus { + --border-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .sm\:flex-shrink { - flex-shrink: 1 !important; + .sm\:focus\:border-teal-200:focus { + --border-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .sm\:order-1 { - order: 1 !important; + .sm\:focus\:border-teal-300:focus { + --border-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .sm\:order-2 { - order: 2 !important; + .sm\:focus\:border-teal-400:focus { + --border-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .sm\:order-3 { - order: 3 !important; + .sm\:focus\:border-teal-500:focus { + --border-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .sm\:order-4 { - order: 4 !important; + .sm\:focus\:border-teal-600:focus { + --border-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .sm\:order-5 { - order: 5 !important; + .sm\:focus\:border-teal-700:focus { + --border-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .sm\:order-6 { - order: 6 !important; + .sm\:focus\:border-teal-800:focus { + --border-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .sm\:order-7 { - order: 7 !important; + .sm\:focus\:border-teal-900:focus { + --border-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .sm\:order-8 { - order: 8 !important; + .sm\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .sm\:order-9 { - order: 9 !important; + .sm\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .sm\:order-10 { - order: 10 !important; + .sm\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .sm\:order-11 { - order: 11 !important; + .sm\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .sm\:order-12 { - order: 12 !important; + .sm\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .sm\:order-first { - order: -9999 !important; + .sm\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .sm\:order-last { - order: 9999 !important; + .sm\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .sm\:order-none { - order: 0 !important; + .sm\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .sm\:float-right { - float: right !important; + .sm\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .sm\:float-left { - float: left !important; + .sm\:focus\:border-indigo-100:focus { + --border-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .sm\:float-none { - float: none !important; + .sm\:focus\:border-indigo-200:focus { + --border-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .sm\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .sm\:focus\:border-indigo-300:focus { + --border-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .sm\:clear-left { - clear: left !important; + .sm\:focus\:border-indigo-400:focus { + --border-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .sm\:clear-right { - clear: right !important; + .sm\:focus\:border-indigo-500:focus { + --border-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .sm\:clear-both { - clear: both !important; + .sm\:focus\:border-indigo-600:focus { + --border-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .sm\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; + .sm\:focus\:border-indigo-700:focus { + --border-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .sm\:focus\:border-indigo-800:focus { + --border-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .sm\:focus\:border-indigo-900:focus { + --border-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .sm\:font-hairline { - font-weight: 100 !important; + .sm\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .sm\:font-thin { - font-weight: 200 !important; + .sm\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .sm\:font-light { - font-weight: 300 !important; + .sm\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .sm\:font-normal { - font-weight: 400 !important; + .sm\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .sm\:font-medium { - font-weight: 500 !important; + .sm\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .sm\:font-semibold { - font-weight: 600 !important; + .sm\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .sm\:font-bold { - font-weight: 700 !important; + .sm\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .sm\:font-extrabold { - font-weight: 800 !important; + .sm\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .sm\:font-black { - font-weight: 900 !important; + .sm\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .sm\:hover\:font-hairline:hover { - font-weight: 100 !important; + .sm\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .sm\:hover\:font-thin:hover { - font-weight: 200 !important; + .sm\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .sm\:hover\:font-light:hover { - font-weight: 300 !important; + .sm\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .sm\:hover\:font-normal:hover { - font-weight: 400 !important; + .sm\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .sm\:hover\:font-medium:hover { - font-weight: 500 !important; + .sm\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .sm\:hover\:font-semibold:hover { - font-weight: 600 !important; + .sm\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .sm\:hover\:font-bold:hover { - font-weight: 700 !important; + .sm\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .sm\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .sm\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .sm\:hover\:font-black:hover { - font-weight: 900 !important; + .sm\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .sm\:focus\:font-hairline:focus { - font-weight: 100 !important; + .sm\:border-opacity-0 { + --border-opacity: 0 !important; } - .sm\:focus\:font-thin:focus { - font-weight: 200 !important; + .sm\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .sm\:focus\:font-light:focus { - font-weight: 300 !important; + .sm\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .sm\:focus\:font-normal:focus { - font-weight: 400 !important; + .sm\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .sm\:focus\:font-medium:focus { - font-weight: 500 !important; + .sm\:border-opacity-100 { + --border-opacity: 1 !important; } - .sm\:focus\:font-semibold:focus { - font-weight: 600 !important; + .sm\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; } - .sm\:focus\:font-bold:focus { - font-weight: 700 !important; + .sm\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; } - .sm\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .sm\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; } - .sm\:focus\:font-black:focus { - font-weight: 900 !important; + .sm\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; } - .sm\:h-0 { - height: 0 !important; + .sm\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; } - .sm\:h-1 { - height: 0.25rem !important; + .sm\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; } - .sm\:h-2 { - height: 0.5rem !important; + .sm\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; } - .sm\:h-3 { - height: 0.75rem !important; + .sm\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; } - .sm\:h-4 { - height: 1rem !important; + .sm\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; } - .sm\:h-5 { - height: 1.25rem !important; + .sm\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } - .sm\:h-6 { - height: 1.5rem !important; + .sm\:rounded-none { + border-radius: 0 !important; } - .sm\:h-8 { - height: 2rem !important; + .sm\:rounded-sm { + border-radius: 0.125rem !important; } - .sm\:h-10 { - height: 2.5rem !important; + .sm\:rounded { + border-radius: 0.25rem !important; } - .sm\:h-12 { - height: 3rem !important; + .sm\:rounded-md { + border-radius: 0.375rem !important; } - .sm\:h-16 { - height: 4rem !important; + .sm\:rounded-lg { + border-radius: 0.5rem !important; } - .sm\:h-20 { - height: 5rem !important; + .sm\:rounded-full { + border-radius: 9999px !important; } - .sm\:h-24 { - height: 6rem !important; + .sm\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .sm\:h-32 { - height: 8rem !important; + .sm\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .sm\:h-40 { - height: 10rem !important; + .sm\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .sm\:h-48 { - height: 12rem !important; + .sm\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .sm\:h-56 { - height: 14rem !important; + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .sm\:h-64 { - height: 16rem !important; + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .sm\:h-auto { - height: auto !important; + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .sm\:h-px { - height: 1px !important; + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .sm\:h-full { - height: 100% !important; + .sm\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .sm\:h-screen { - height: 100vh !important; + .sm\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .sm\:leading-3 { - line-height: .75rem !important; + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .sm\:leading-4 { - line-height: 1rem !important; + .sm\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .sm\:leading-5 { - line-height: 1.25rem !important; + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } - .sm\:leading-6 { - line-height: 1.5rem !important; + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } - .sm\:leading-7 { - line-height: 1.75rem !important; + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .sm\:leading-8 { - line-height: 2rem !important; + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .sm\:leading-9 { - line-height: 2.25rem !important; + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .sm\:leading-10 { - line-height: 2.5rem !important; + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .sm\:leading-none { - line-height: 1 !important; + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .sm\:leading-tight { - line-height: 1.25 !important; + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .sm\:leading-snug { - line-height: 1.375 !important; + .sm\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .sm\:leading-normal { - line-height: 1.5 !important; + .sm\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .sm\:leading-relaxed { - line-height: 1.625 !important; + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .sm\:leading-loose { - line-height: 2 !important; + .sm\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .sm\:list-inside { - list-style-position: inside !important; + .sm\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .sm\:list-outside { - list-style-position: outside !important; + .sm\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .sm\:list-none { - list-style-type: none !important; + .sm\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .sm\:list-disc { - list-style-type: disc !important; + .sm\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .sm\:list-decimal { - list-style-type: decimal !important; + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .sm\:m-0 { - margin: 0 !important; + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .sm\:m-1 { - margin: 0.25rem !important; + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .sm\:m-2 { - margin: 0.5rem !important; + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .sm\:m-3 { - margin: 0.75rem !important; + .sm\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .sm\:m-4 { - margin: 1rem !important; + .sm\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .sm\:m-5 { - margin: 1.25rem !important; + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .sm\:m-6 { - margin: 1.5rem !important; + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .sm\:m-8 { - margin: 2rem !important; + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; } - .sm\:m-10 { - margin: 2.5rem !important; + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; } - .sm\:m-12 { - margin: 3rem !important; + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; } - .sm\:m-16 { - margin: 4rem !important; + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; } - .sm\:m-20 { - margin: 5rem !important; + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .sm\:m-24 { - margin: 6rem !important; + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .sm\:m-32 { - margin: 8rem !important; + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .sm\:m-40 { - margin: 10rem !important; + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .sm\:m-48 { - margin: 12rem !important; + .sm\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .sm\:m-56 { - margin: 14rem !important; + .sm\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .sm\:m-64 { - margin: 16rem !important; + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .sm\:m-auto { - margin: auto !important; + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .sm\:m-px { - margin: 1px !important; + .sm\:border-solid { + border-style: solid !important; } - .sm\:-m-1 { - margin: -0.25rem !important; + .sm\:border-dashed { + border-style: dashed !important; } - .sm\:-m-2 { - margin: -0.5rem !important; + .sm\:border-dotted { + border-style: dotted !important; } - .sm\:-m-3 { - margin: -0.75rem !important; + .sm\:border-double { + border-style: double !important; } - .sm\:-m-4 { - margin: -1rem !important; + .sm\:border-none { + border-style: none !important; } - .sm\:-m-5 { - margin: -1.25rem !important; + .sm\:border-0 { + border-width: 0 !important; } - .sm\:-m-6 { - margin: -1.5rem !important; + .sm\:border-2 { + border-width: 2px !important; } - .sm\:-m-8 { - margin: -2rem !important; + .sm\:border-4 { + border-width: 4px !important; } - .sm\:-m-10 { - margin: -2.5rem !important; + .sm\:border-8 { + border-width: 8px !important; } - .sm\:-m-12 { - margin: -3rem !important; + .sm\:border { + border-width: 1px !important; } - .sm\:-m-16 { - margin: -4rem !important; + .sm\:border-t-0 { + border-top-width: 0 !important; } - .sm\:-m-20 { - margin: -5rem !important; + .sm\:border-r-0 { + border-right-width: 0 !important; } - .sm\:-m-24 { - margin: -6rem !important; + .sm\:border-b-0 { + border-bottom-width: 0 !important; } - .sm\:-m-32 { - margin: -8rem !important; + .sm\:border-l-0 { + border-left-width: 0 !important; } - .sm\:-m-40 { - margin: -10rem !important; + .sm\:border-t-2 { + border-top-width: 2px !important; } - .sm\:-m-48 { - margin: -12rem !important; + .sm\:border-r-2 { + border-right-width: 2px !important; } - .sm\:-m-56 { - margin: -14rem !important; + .sm\:border-b-2 { + border-bottom-width: 2px !important; } - .sm\:-m-64 { - margin: -16rem !important; + .sm\:border-l-2 { + border-left-width: 2px !important; } - .sm\:-m-px { - margin: -1px !important; + .sm\:border-t-4 { + border-top-width: 4px !important; } - .sm\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .sm\:border-r-4 { + border-right-width: 4px !important; } - .sm\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .sm\:border-b-4 { + border-bottom-width: 4px !important; } - .sm\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .sm\:border-l-4 { + border-left-width: 4px !important; } - .sm\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .sm\:border-t-8 { + border-top-width: 8px !important; } - .sm\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .sm\:border-r-8 { + border-right-width: 8px !important; } - .sm\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .sm\:border-b-8 { + border-bottom-width: 8px !important; } - .sm\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .sm\:border-l-8 { + border-left-width: 8px !important; } - .sm\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .sm\:border-t { + border-top-width: 1px !important; } - .sm\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .sm\:border-r { + border-right-width: 1px !important; } - .sm\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .sm\:border-b { + border-bottom-width: 1px !important; } - .sm\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .sm\:border-l { + border-left-width: 1px !important; } - .sm\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .sm\:box-border { + box-sizing: border-box !important; } - .sm\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .sm\:box-content { + box-sizing: content-box !important; } - .sm\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .sm\:cursor-auto { + cursor: auto !important; } - .sm\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .sm\:cursor-default { + cursor: default !important; } - .sm\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .sm\:cursor-pointer { + cursor: pointer !important; } - .sm\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .sm\:cursor-wait { + cursor: wait !important; } - .sm\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .sm\:cursor-text { + cursor: text !important; } - .sm\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .sm\:cursor-move { + cursor: move !important; } - .sm\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .sm\:cursor-not-allowed { + cursor: not-allowed !important; } - .sm\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .sm\:block { + display: block !important; } - .sm\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .sm\:inline-block { + display: inline-block !important; } - .sm\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .sm\:inline { + display: inline !important; } - .sm\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .sm\:flex { + display: flex !important; } - .sm\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .sm\:inline-flex { + display: inline-flex !important; } - .sm\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .sm\:table { + display: table !important; } - .sm\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .sm\:table-caption { + display: table-caption !important; } - .sm\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .sm\:table-cell { + display: table-cell !important; } - .sm\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .sm\:table-column { + display: table-column !important; } - .sm\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .sm\:table-column-group { + display: table-column-group !important; } - .sm\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .sm\:table-footer-group { + display: table-footer-group !important; } - .sm\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .sm\:table-header-group { + display: table-header-group !important; } - .sm\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .sm\:table-row-group { + display: table-row-group !important; } - .sm\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .sm\:table-row { + display: table-row !important; } - .sm\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .sm\:flow-root { + display: flow-root !important; } - .sm\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .sm\:grid { + display: grid !important; } - .sm\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .sm\:inline-grid { + display: inline-grid !important; } - .sm\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .sm\:hidden { + display: none !important; } - .sm\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .sm\:flex-row { + flex-direction: row !important; } - .sm\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .sm\:flex-row-reverse { + flex-direction: row-reverse !important; } - .sm\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .sm\:flex-col { + flex-direction: column !important; } - .sm\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .sm\:flex-col-reverse { + flex-direction: column-reverse !important; } - .sm\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .sm\:flex-wrap { + flex-wrap: wrap !important; } - .sm\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .sm\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .sm\:flex-no-wrap { + flex-wrap: nowrap !important; } - .sm\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .sm\:items-start { + align-items: flex-start !important; } - .sm\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .sm\:items-end { + align-items: flex-end !important; } - .sm\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .sm\:items-center { + align-items: center !important; } - .sm\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .sm\:items-baseline { + align-items: baseline !important; } - .sm\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .sm\:items-stretch { + align-items: stretch !important; } - .sm\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .sm\:self-auto { + align-self: auto !important; } - .sm\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .sm\:self-start { + align-self: flex-start !important; } - .sm\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .sm\:self-end { + align-self: flex-end !important; } - .sm\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .sm\:self-center { + align-self: center !important; } - .sm\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .sm\:self-stretch { + align-self: stretch !important; } - .sm\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .sm\:justify-start { + justify-content: flex-start !important; } - .sm\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .sm\:justify-end { + justify-content: flex-end !important; } - .sm\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .sm\:justify-center { + justify-content: center !important; } - .sm\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .sm\:justify-between { + justify-content: space-between !important; } - .sm\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .sm\:justify-around { + justify-content: space-around !important; } - .sm\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .sm\:justify-evenly { + justify-content: space-evenly !important; } - .sm\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .sm\:content-center { + align-content: center !important; } - .sm\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .sm\:content-start { + align-content: flex-start !important; } - .sm\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .sm\:content-end { + align-content: flex-end !important; } - .sm\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .sm\:content-between { + align-content: space-between !important; } - .sm\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .sm\:content-around { + align-content: space-around !important; } - .sm\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .sm\:flex-1 { + flex: 1 1 0% !important; } - .sm\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .sm\:flex-auto { + flex: 1 1 auto !important; } - .sm\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .sm\:flex-initial { + flex: 0 1 auto !important; } - .sm\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .sm\:flex-none { + flex: none !important; } - .sm\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .sm\:flex-grow-0 { + flex-grow: 0 !important; } - .sm\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .sm\:flex-grow { + flex-grow: 1 !important; } - .sm\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .sm\:flex-shrink-0 { + flex-shrink: 0 !important; } - .sm\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .sm\:flex-shrink { + flex-shrink: 1 !important; } - .sm\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .sm\:order-1 { + order: 1 !important; } - .sm\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .sm\:order-2 { + order: 2 !important; } - .sm\:mt-0 { - margin-top: 0 !important; + .sm\:order-3 { + order: 3 !important; } - .sm\:mr-0 { - margin-right: 0 !important; + .sm\:order-4 { + order: 4 !important; } - .sm\:mb-0 { - margin-bottom: 0 !important; + .sm\:order-5 { + order: 5 !important; } - .sm\:ml-0 { - margin-left: 0 !important; + .sm\:order-6 { + order: 6 !important; } - .sm\:mt-1 { - margin-top: 0.25rem !important; + .sm\:order-7 { + order: 7 !important; } - .sm\:mr-1 { - margin-right: 0.25rem !important; + .sm\:order-8 { + order: 8 !important; } - .sm\:mb-1 { - margin-bottom: 0.25rem !important; + .sm\:order-9 { + order: 9 !important; } - .sm\:ml-1 { - margin-left: 0.25rem !important; + .sm\:order-10 { + order: 10 !important; } - .sm\:mt-2 { - margin-top: 0.5rem !important; + .sm\:order-11 { + order: 11 !important; } - .sm\:mr-2 { - margin-right: 0.5rem !important; + .sm\:order-12 { + order: 12 !important; } - .sm\:mb-2 { - margin-bottom: 0.5rem !important; + .sm\:order-first { + order: -9999 !important; } - .sm\:ml-2 { - margin-left: 0.5rem !important; + .sm\:order-last { + order: 9999 !important; } - .sm\:mt-3 { - margin-top: 0.75rem !important; + .sm\:order-none { + order: 0 !important; } - .sm\:mr-3 { - margin-right: 0.75rem !important; + .sm\:float-right { + float: right !important; } - .sm\:mb-3 { - margin-bottom: 0.75rem !important; + .sm\:float-left { + float: left !important; } - .sm\:ml-3 { - margin-left: 0.75rem !important; + .sm\:float-none { + float: none !important; } - .sm\:mt-4 { - margin-top: 1rem !important; + .sm\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .sm\:mr-4 { - margin-right: 1rem !important; + .sm\:clear-left { + clear: left !important; } - .sm\:mb-4 { - margin-bottom: 1rem !important; + .sm\:clear-right { + clear: right !important; } - .sm\:ml-4 { - margin-left: 1rem !important; + .sm\:clear-both { + clear: both !important; } - .sm\:mt-5 { - margin-top: 1.25rem !important; + .sm\:clear-none { + clear: none !important; } - .sm\:mr-5 { - margin-right: 1.25rem !important; + .sm\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } - .sm\:mb-5 { - margin-bottom: 1.25rem !important; + .sm\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; } - .sm\:ml-5 { - margin-left: 1.25rem !important; + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .sm\:mt-6 { - margin-top: 1.5rem !important; + .sm\:font-hairline { + font-weight: 100 !important; } - .sm\:mr-6 { - margin-right: 1.5rem !important; + .sm\:font-thin { + font-weight: 200 !important; } - .sm\:mb-6 { - margin-bottom: 1.5rem !important; + .sm\:font-light { + font-weight: 300 !important; } - .sm\:ml-6 { - margin-left: 1.5rem !important; + .sm\:font-normal { + font-weight: 400 !important; } - .sm\:mt-8 { - margin-top: 2rem !important; + .sm\:font-medium { + font-weight: 500 !important; } - .sm\:mr-8 { - margin-right: 2rem !important; + .sm\:font-semibold { + font-weight: 600 !important; } - .sm\:mb-8 { - margin-bottom: 2rem !important; + .sm\:font-bold { + font-weight: 700 !important; } - .sm\:ml-8 { - margin-left: 2rem !important; + .sm\:font-extrabold { + font-weight: 800 !important; } - .sm\:mt-10 { - margin-top: 2.5rem !important; + .sm\:font-black { + font-weight: 900 !important; } - .sm\:mr-10 { - margin-right: 2.5rem !important; + .sm\:hover\:font-hairline:hover { + font-weight: 100 !important; } - .sm\:mb-10 { - margin-bottom: 2.5rem !important; + .sm\:hover\:font-thin:hover { + font-weight: 200 !important; } - .sm\:ml-10 { - margin-left: 2.5rem !important; + .sm\:hover\:font-light:hover { + font-weight: 300 !important; } - .sm\:mt-12 { - margin-top: 3rem !important; + .sm\:hover\:font-normal:hover { + font-weight: 400 !important; } - .sm\:mr-12 { - margin-right: 3rem !important; + .sm\:hover\:font-medium:hover { + font-weight: 500 !important; } - .sm\:mb-12 { - margin-bottom: 3rem !important; + .sm\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .sm\:ml-12 { - margin-left: 3rem !important; + .sm\:hover\:font-bold:hover { + font-weight: 700 !important; } - .sm\:mt-16 { - margin-top: 4rem !important; + .sm\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .sm\:mr-16 { - margin-right: 4rem !important; + .sm\:hover\:font-black:hover { + font-weight: 900 !important; } - .sm\:mb-16 { - margin-bottom: 4rem !important; + .sm\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .sm\:ml-16 { - margin-left: 4rem !important; + .sm\:focus\:font-thin:focus { + font-weight: 200 !important; } - .sm\:mt-20 { - margin-top: 5rem !important; + .sm\:focus\:font-light:focus { + font-weight: 300 !important; } - .sm\:mr-20 { - margin-right: 5rem !important; + .sm\:focus\:font-normal:focus { + font-weight: 400 !important; } - .sm\:mb-20 { - margin-bottom: 5rem !important; + .sm\:focus\:font-medium:focus { + font-weight: 500 !important; } - .sm\:ml-20 { - margin-left: 5rem !important; + .sm\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .sm\:mt-24 { - margin-top: 6rem !important; + .sm\:focus\:font-bold:focus { + font-weight: 700 !important; } - .sm\:mr-24 { - margin-right: 6rem !important; + .sm\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .sm\:mb-24 { - margin-bottom: 6rem !important; + .sm\:focus\:font-black:focus { + font-weight: 900 !important; } - .sm\:ml-24 { - margin-left: 6rem !important; + .sm\:h-0 { + height: 0 !important; } - .sm\:mt-32 { - margin-top: 8rem !important; + .sm\:h-1 { + height: 0.25rem !important; } - .sm\:mr-32 { - margin-right: 8rem !important; + .sm\:h-2 { + height: 0.5rem !important; } - .sm\:mb-32 { - margin-bottom: 8rem !important; + .sm\:h-3 { + height: 0.75rem !important; } - .sm\:ml-32 { - margin-left: 8rem !important; + .sm\:h-4 { + height: 1rem !important; } - .sm\:mt-40 { - margin-top: 10rem !important; + .sm\:h-5 { + height: 1.25rem !important; } - .sm\:mr-40 { - margin-right: 10rem !important; + .sm\:h-6 { + height: 1.5rem !important; } - .sm\:mb-40 { - margin-bottom: 10rem !important; + .sm\:h-8 { + height: 2rem !important; } - .sm\:ml-40 { - margin-left: 10rem !important; + .sm\:h-10 { + height: 2.5rem !important; } - .sm\:mt-48 { - margin-top: 12rem !important; + .sm\:h-12 { + height: 3rem !important; } - .sm\:mr-48 { - margin-right: 12rem !important; + .sm\:h-16 { + height: 4rem !important; } - .sm\:mb-48 { - margin-bottom: 12rem !important; + .sm\:h-20 { + height: 5rem !important; } - .sm\:ml-48 { - margin-left: 12rem !important; + .sm\:h-24 { + height: 6rem !important; } - .sm\:mt-56 { - margin-top: 14rem !important; + .sm\:h-32 { + height: 8rem !important; } - .sm\:mr-56 { - margin-right: 14rem !important; + .sm\:h-40 { + height: 10rem !important; } - .sm\:mb-56 { - margin-bottom: 14rem !important; + .sm\:h-48 { + height: 12rem !important; } - .sm\:ml-56 { - margin-left: 14rem !important; + .sm\:h-56 { + height: 14rem !important; } - .sm\:mt-64 { - margin-top: 16rem !important; + .sm\:h-64 { + height: 16rem !important; } - .sm\:mr-64 { - margin-right: 16rem !important; + .sm\:h-auto { + height: auto !important; } - .sm\:mb-64 { - margin-bottom: 16rem !important; + .sm\:h-px { + height: 1px !important; } - .sm\:ml-64 { - margin-left: 16rem !important; + .sm\:h-full { + height: 100% !important; } - .sm\:mt-auto { - margin-top: auto !important; + .sm\:h-screen { + height: 100vh !important; } - .sm\:mr-auto { - margin-right: auto !important; + .sm\:text-xs { + font-size: 0.75rem !important; } - .sm\:mb-auto { - margin-bottom: auto !important; + .sm\:text-sm { + font-size: 0.875rem !important; } - .sm\:ml-auto { - margin-left: auto !important; + .sm\:text-base { + font-size: 1rem !important; } - .sm\:mt-px { - margin-top: 1px !important; + .sm\:text-lg { + font-size: 1.125rem !important; } - .sm\:mr-px { - margin-right: 1px !important; + .sm\:text-xl { + font-size: 1.25rem !important; } - .sm\:mb-px { - margin-bottom: 1px !important; + .sm\:text-2xl { + font-size: 1.5rem !important; } - .sm\:ml-px { - margin-left: 1px !important; + .sm\:text-3xl { + font-size: 1.875rem !important; } - .sm\:-mt-1 { - margin-top: -0.25rem !important; + .sm\:text-4xl { + font-size: 2.25rem !important; } - .sm\:-mr-1 { - margin-right: -0.25rem !important; + .sm\:text-5xl { + font-size: 3rem !important; } - .sm\:-mb-1 { - margin-bottom: -0.25rem !important; + .sm\:text-6xl { + font-size: 4rem !important; } - .sm\:-ml-1 { - margin-left: -0.25rem !important; + .sm\:leading-3 { + line-height: .75rem !important; } - .sm\:-mt-2 { - margin-top: -0.5rem !important; + .sm\:leading-4 { + line-height: 1rem !important; } - .sm\:-mr-2 { - margin-right: -0.5rem !important; + .sm\:leading-5 { + line-height: 1.25rem !important; } - .sm\:-mb-2 { - margin-bottom: -0.5rem !important; + .sm\:leading-6 { + line-height: 1.5rem !important; } - .sm\:-ml-2 { - margin-left: -0.5rem !important; + .sm\:leading-7 { + line-height: 1.75rem !important; } - .sm\:-mt-3 { - margin-top: -0.75rem !important; + .sm\:leading-8 { + line-height: 2rem !important; } - .sm\:-mr-3 { - margin-right: -0.75rem !important; + .sm\:leading-9 { + line-height: 2.25rem !important; } - .sm\:-mb-3 { - margin-bottom: -0.75rem !important; + .sm\:leading-10 { + line-height: 2.5rem !important; } - .sm\:-ml-3 { - margin-left: -0.75rem !important; + .sm\:leading-none { + line-height: 1 !important; } - .sm\:-mt-4 { - margin-top: -1rem !important; + .sm\:leading-tight { + line-height: 1.25 !important; } - .sm\:-mr-4 { - margin-right: -1rem !important; + .sm\:leading-snug { + line-height: 1.375 !important; } - .sm\:-mb-4 { - margin-bottom: -1rem !important; + .sm\:leading-normal { + line-height: 1.5 !important; } - .sm\:-ml-4 { - margin-left: -1rem !important; + .sm\:leading-relaxed { + line-height: 1.625 !important; } - .sm\:-mt-5 { - margin-top: -1.25rem !important; + .sm\:leading-loose { + line-height: 2 !important; } - .sm\:-mr-5 { - margin-right: -1.25rem !important; + .sm\:list-inside { + list-style-position: inside !important; } - .sm\:-mb-5 { - margin-bottom: -1.25rem !important; + .sm\:list-outside { + list-style-position: outside !important; } - .sm\:-ml-5 { - margin-left: -1.25rem !important; + .sm\:list-none { + list-style-type: none !important; } - .sm\:-mt-6 { - margin-top: -1.5rem !important; + .sm\:list-disc { + list-style-type: disc !important; } - .sm\:-mr-6 { - margin-right: -1.5rem !important; + .sm\:list-decimal { + list-style-type: decimal !important; } - .sm\:-mb-6 { - margin-bottom: -1.5rem !important; + .sm\:m-0 { + margin: 0 !important; } - .sm\:-ml-6 { - margin-left: -1.5rem !important; + .sm\:m-1 { + margin: 0.25rem !important; } - .sm\:-mt-8 { - margin-top: -2rem !important; + .sm\:m-2 { + margin: 0.5rem !important; } - .sm\:-mr-8 { - margin-right: -2rem !important; + .sm\:m-3 { + margin: 0.75rem !important; } - .sm\:-mb-8 { - margin-bottom: -2rem !important; + .sm\:m-4 { + margin: 1rem !important; } - .sm\:-ml-8 { - margin-left: -2rem !important; + .sm\:m-5 { + margin: 1.25rem !important; } - .sm\:-mt-10 { - margin-top: -2.5rem !important; + .sm\:m-6 { + margin: 1.5rem !important; } - .sm\:-mr-10 { - margin-right: -2.5rem !important; + .sm\:m-8 { + margin: 2rem !important; } - .sm\:-mb-10 { - margin-bottom: -2.5rem !important; + .sm\:m-10 { + margin: 2.5rem !important; } - .sm\:-ml-10 { - margin-left: -2.5rem !important; + .sm\:m-12 { + margin: 3rem !important; } - .sm\:-mt-12 { - margin-top: -3rem !important; + .sm\:m-16 { + margin: 4rem !important; } - .sm\:-mr-12 { - margin-right: -3rem !important; + .sm\:m-20 { + margin: 5rem !important; } - .sm\:-mb-12 { - margin-bottom: -3rem !important; + .sm\:m-24 { + margin: 6rem !important; } - .sm\:-ml-12 { - margin-left: -3rem !important; + .sm\:m-32 { + margin: 8rem !important; } - .sm\:-mt-16 { - margin-top: -4rem !important; + .sm\:m-40 { + margin: 10rem !important; } - .sm\:-mr-16 { - margin-right: -4rem !important; + .sm\:m-48 { + margin: 12rem !important; } - .sm\:-mb-16 { - margin-bottom: -4rem !important; + .sm\:m-56 { + margin: 14rem !important; } - .sm\:-ml-16 { - margin-left: -4rem !important; + .sm\:m-64 { + margin: 16rem !important; } - .sm\:-mt-20 { - margin-top: -5rem !important; + .sm\:m-auto { + margin: auto !important; } - .sm\:-mr-20 { - margin-right: -5rem !important; + .sm\:m-px { + margin: 1px !important; } - .sm\:-mb-20 { - margin-bottom: -5rem !important; + .sm\:-m-1 { + margin: -0.25rem !important; } - .sm\:-ml-20 { - margin-left: -5rem !important; + .sm\:-m-2 { + margin: -0.5rem !important; } - .sm\:-mt-24 { - margin-top: -6rem !important; + .sm\:-m-3 { + margin: -0.75rem !important; } - .sm\:-mr-24 { - margin-right: -6rem !important; + .sm\:-m-4 { + margin: -1rem !important; } - .sm\:-mb-24 { - margin-bottom: -6rem !important; + .sm\:-m-5 { + margin: -1.25rem !important; } - .sm\:-ml-24 { - margin-left: -6rem !important; + .sm\:-m-6 { + margin: -1.5rem !important; } - .sm\:-mt-32 { - margin-top: -8rem !important; + .sm\:-m-8 { + margin: -2rem !important; } - .sm\:-mr-32 { - margin-right: -8rem !important; + .sm\:-m-10 { + margin: -2.5rem !important; } - .sm\:-mb-32 { - margin-bottom: -8rem !important; + .sm\:-m-12 { + margin: -3rem !important; } - .sm\:-ml-32 { - margin-left: -8rem !important; + .sm\:-m-16 { + margin: -4rem !important; } - .sm\:-mt-40 { - margin-top: -10rem !important; + .sm\:-m-20 { + margin: -5rem !important; } - .sm\:-mr-40 { - margin-right: -10rem !important; + .sm\:-m-24 { + margin: -6rem !important; } - .sm\:-mb-40 { - margin-bottom: -10rem !important; + .sm\:-m-32 { + margin: -8rem !important; } - .sm\:-ml-40 { - margin-left: -10rem !important; + .sm\:-m-40 { + margin: -10rem !important; } - .sm\:-mt-48 { - margin-top: -12rem !important; + .sm\:-m-48 { + margin: -12rem !important; } - .sm\:-mr-48 { - margin-right: -12rem !important; + .sm\:-m-56 { + margin: -14rem !important; } - .sm\:-mb-48 { - margin-bottom: -12rem !important; + .sm\:-m-64 { + margin: -16rem !important; } - .sm\:-ml-48 { - margin-left: -12rem !important; + .sm\:-m-px { + margin: -1px !important; } - .sm\:-mt-56 { - margin-top: -14rem !important; + .sm\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .sm\:-mr-56 { - margin-right: -14rem !important; + .sm\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .sm\:-mb-56 { - margin-bottom: -14rem !important; + .sm\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .sm\:-ml-56 { - margin-left: -14rem !important; + .sm\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .sm\:-mt-64 { - margin-top: -16rem !important; + .sm\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .sm\:-mr-64 { - margin-right: -16rem !important; + .sm\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .sm\:-mb-64 { - margin-bottom: -16rem !important; + .sm\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .sm\:-ml-64 { - margin-left: -16rem !important; + .sm\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .sm\:-mt-px { - margin-top: -1px !important; + .sm\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .sm\:-mr-px { - margin-right: -1px !important; + .sm\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .sm\:-mb-px { - margin-bottom: -1px !important; + .sm\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .sm\:-ml-px { - margin-left: -1px !important; + .sm\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .sm\:max-h-full { - max-height: 100% !important; + .sm\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .sm\:max-h-screen { - max-height: 100vh !important; + .sm\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .sm\:max-w-none { - max-width: none !important; + .sm\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .sm\:max-w-xs { - max-width: 20rem !important; + .sm\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .sm\:max-w-sm { - max-width: 24rem !important; + .sm\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .sm\:max-w-md { - max-width: 28rem !important; + .sm\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .sm\:max-w-lg { - max-width: 32rem !important; + .sm\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .sm\:max-w-xl { - max-width: 36rem !important; + .sm\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .sm\:max-w-2xl { - max-width: 42rem !important; + .sm\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .sm\:max-w-3xl { - max-width: 48rem !important; + .sm\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .sm\:max-w-4xl { - max-width: 56rem !important; + .sm\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .sm\:max-w-5xl { - max-width: 64rem !important; + .sm\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .sm\:max-w-6xl { - max-width: 72rem !important; + .sm\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .sm\:max-w-full { - max-width: 100% !important; + .sm\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .sm\:max-w-screen-sm { - max-width: 640px !important; + .sm\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .sm\:max-w-screen-md { - max-width: 768px !important; + .sm\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .sm\:max-w-screen-lg { - max-width: 1024px !important; + .sm\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .sm\:max-w-screen-xl { - max-width: 1280px !important; + .sm\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .sm\:min-h-0 { - min-height: 0 !important; + .sm\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .sm\:min-h-full { - min-height: 100% !important; + .sm\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .sm\:min-h-screen { - min-height: 100vh !important; + .sm\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .sm\:min-w-0 { - min-width: 0 !important; + .sm\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .sm\:min-w-full { - min-width: 100% !important; + .sm\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .sm\:object-contain { - object-fit: contain !important; + .sm\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .sm\:object-cover { - object-fit: cover !important; + .sm\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .sm\:object-fill { - object-fit: fill !important; + .sm\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .sm\:object-none { - object-fit: none !important; + .sm\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .sm\:object-scale-down { - object-fit: scale-down !important; + .sm\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .sm\:object-bottom { - object-position: bottom !important; + .sm\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .sm\:object-center { - object-position: center !important; + .sm\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .sm\:object-left { - object-position: left !important; + .sm\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .sm\:object-left-bottom { - object-position: left bottom !important; + .sm\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .sm\:object-left-top { - object-position: left top !important; + .sm\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .sm\:object-right { - object-position: right !important; + .sm\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .sm\:object-right-bottom { - object-position: right bottom !important; + .sm\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .sm\:object-right-top { - object-position: right top !important; + .sm\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .sm\:object-top { - object-position: top !important; + .sm\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .sm\:opacity-0 { - opacity: 0 !important; + .sm\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .sm\:opacity-25 { - opacity: 0.25 !important; + .sm\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .sm\:opacity-50 { - opacity: 0.5 !important; + .sm\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .sm\:opacity-75 { - opacity: 0.75 !important; + .sm\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .sm\:opacity-100 { - opacity: 1 !important; + .sm\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .sm\:hover\:opacity-0:hover { - opacity: 0 !important; + .sm\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .sm\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .sm\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .sm\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .sm\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .sm\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .sm\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .sm\:hover\:opacity-100:hover { - opacity: 1 !important; + .sm\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .sm\:focus\:opacity-0:focus { - opacity: 0 !important; + .sm\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .sm\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .sm\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .sm\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .sm\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .sm\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .sm\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .sm\:focus\:opacity-100:focus { - opacity: 1 !important; + .sm\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .sm\:outline-none { - outline: 0 !important; + .sm\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .sm\:focus\:outline-none:focus { - outline: 0 !important; + .sm\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .sm\:overflow-auto { - overflow: auto !important; + .sm\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .sm\:overflow-hidden { - overflow: hidden !important; + .sm\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .sm\:overflow-visible { - overflow: visible !important; + .sm\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .sm\:overflow-scroll { - overflow: scroll !important; + .sm\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .sm\:overflow-x-auto { - overflow-x: auto !important; + .sm\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .sm\:overflow-y-auto { - overflow-y: auto !important; + .sm\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .sm\:overflow-x-hidden { - overflow-x: hidden !important; + .sm\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .sm\:overflow-y-hidden { - overflow-y: hidden !important; + .sm\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .sm\:overflow-x-visible { - overflow-x: visible !important; + .sm\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .sm\:overflow-y-visible { - overflow-y: visible !important; + .sm\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .sm\:overflow-x-scroll { - overflow-x: scroll !important; + .sm\:mt-0 { + margin-top: 0 !important; } - .sm\:overflow-y-scroll { - overflow-y: scroll !important; + .sm\:mr-0 { + margin-right: 0 !important; } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .sm\:mb-0 { + margin-bottom: 0 !important; } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .sm\:ml-0 { + margin-left: 0 !important; } - .sm\:p-0 { - padding: 0 !important; + .sm\:mt-1 { + margin-top: 0.25rem !important; } - .sm\:p-1 { - padding: 0.25rem !important; + .sm\:mr-1 { + margin-right: 0.25rem !important; } - .sm\:p-2 { - padding: 0.5rem !important; + .sm\:mb-1 { + margin-bottom: 0.25rem !important; } - .sm\:p-3 { - padding: 0.75rem !important; + .sm\:ml-1 { + margin-left: 0.25rem !important; } - .sm\:p-4 { - padding: 1rem !important; + .sm\:mt-2 { + margin-top: 0.5rem !important; } - .sm\:p-5 { - padding: 1.25rem !important; + .sm\:mr-2 { + margin-right: 0.5rem !important; } - .sm\:p-6 { - padding: 1.5rem !important; + .sm\:mb-2 { + margin-bottom: 0.5rem !important; } - .sm\:p-8 { - padding: 2rem !important; + .sm\:ml-2 { + margin-left: 0.5rem !important; } - .sm\:p-10 { - padding: 2.5rem !important; + .sm\:mt-3 { + margin-top: 0.75rem !important; } - .sm\:p-12 { - padding: 3rem !important; + .sm\:mr-3 { + margin-right: 0.75rem !important; } - .sm\:p-16 { - padding: 4rem !important; + .sm\:mb-3 { + margin-bottom: 0.75rem !important; } - .sm\:p-20 { - padding: 5rem !important; + .sm\:ml-3 { + margin-left: 0.75rem !important; } - .sm\:p-24 { - padding: 6rem !important; + .sm\:mt-4 { + margin-top: 1rem !important; } - .sm\:p-32 { - padding: 8rem !important; + .sm\:mr-4 { + margin-right: 1rem !important; } - .sm\:p-40 { - padding: 10rem !important; + .sm\:mb-4 { + margin-bottom: 1rem !important; } - .sm\:p-48 { - padding: 12rem !important; + .sm\:ml-4 { + margin-left: 1rem !important; } - .sm\:p-56 { - padding: 14rem !important; + .sm\:mt-5 { + margin-top: 1.25rem !important; } - .sm\:p-64 { - padding: 16rem !important; + .sm\:mr-5 { + margin-right: 1.25rem !important; } - .sm\:p-px { - padding: 1px !important; + .sm\:mb-5 { + margin-bottom: 1.25rem !important; } - .sm\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .sm\:ml-5 { + margin-left: 1.25rem !important; } - .sm\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .sm\:mt-6 { + margin-top: 1.5rem !important; } - .sm\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .sm\:mr-6 { + margin-right: 1.5rem !important; } - .sm\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .sm\:mb-6 { + margin-bottom: 1.5rem !important; } - .sm\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .sm\:ml-6 { + margin-left: 1.5rem !important; } - .sm\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .sm\:mt-8 { + margin-top: 2rem !important; } - .sm\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .sm\:mr-8 { + margin-right: 2rem !important; } - .sm\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .sm\:mb-8 { + margin-bottom: 2rem !important; } - .sm\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .sm\:ml-8 { + margin-left: 2rem !important; } - .sm\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .sm\:mt-10 { + margin-top: 2.5rem !important; } - .sm\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .sm\:mr-10 { + margin-right: 2.5rem !important; } - .sm\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .sm\:mb-10 { + margin-bottom: 2.5rem !important; } - .sm\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .sm\:ml-10 { + margin-left: 2.5rem !important; } - .sm\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .sm\:mt-12 { + margin-top: 3rem !important; } - .sm\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .sm\:mr-12 { + margin-right: 3rem !important; } - .sm\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .sm\:mb-12 { + margin-bottom: 3rem !important; } - .sm\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .sm\:ml-12 { + margin-left: 3rem !important; } - .sm\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .sm\:mt-16 { + margin-top: 4rem !important; } - .sm\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .sm\:mr-16 { + margin-right: 4rem !important; } - .sm\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .sm\:mb-16 { + margin-bottom: 4rem !important; } - .sm\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .sm\:ml-16 { + margin-left: 4rem !important; } - .sm\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .sm\:mt-20 { + margin-top: 5rem !important; } - .sm\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .sm\:mr-20 { + margin-right: 5rem !important; } - .sm\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .sm\:mb-20 { + margin-bottom: 5rem !important; } - .sm\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .sm\:ml-20 { + margin-left: 5rem !important; } - .sm\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .sm\:mt-24 { + margin-top: 6rem !important; } - .sm\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .sm\:mr-24 { + margin-right: 6rem !important; } - .sm\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .sm\:mb-24 { + margin-bottom: 6rem !important; } - .sm\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .sm\:ml-24 { + margin-left: 6rem !important; } - .sm\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .sm\:mt-32 { + margin-top: 8rem !important; } - .sm\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .sm\:mr-32 { + margin-right: 8rem !important; } - .sm\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .sm\:mb-32 { + margin-bottom: 8rem !important; } - .sm\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .sm\:ml-32 { + margin-left: 8rem !important; } - .sm\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .sm\:mt-40 { + margin-top: 10rem !important; } - .sm\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .sm\:mr-40 { + margin-right: 10rem !important; } - .sm\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .sm\:mb-40 { + margin-bottom: 10rem !important; } - .sm\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .sm\:ml-40 { + margin-left: 10rem !important; } - .sm\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .sm\:mt-48 { + margin-top: 12rem !important; } - .sm\:pt-0 { - padding-top: 0 !important; + .sm\:mr-48 { + margin-right: 12rem !important; } - .sm\:pr-0 { - padding-right: 0 !important; + .sm\:mb-48 { + margin-bottom: 12rem !important; } - .sm\:pb-0 { - padding-bottom: 0 !important; + .sm\:ml-48 { + margin-left: 12rem !important; } - .sm\:pl-0 { - padding-left: 0 !important; + .sm\:mt-56 { + margin-top: 14rem !important; } - .sm\:pt-1 { - padding-top: 0.25rem !important; + .sm\:mr-56 { + margin-right: 14rem !important; } - .sm\:pr-1 { - padding-right: 0.25rem !important; + .sm\:mb-56 { + margin-bottom: 14rem !important; } - .sm\:pb-1 { - padding-bottom: 0.25rem !important; + .sm\:ml-56 { + margin-left: 14rem !important; } - .sm\:pl-1 { - padding-left: 0.25rem !important; + .sm\:mt-64 { + margin-top: 16rem !important; } - .sm\:pt-2 { - padding-top: 0.5rem !important; + .sm\:mr-64 { + margin-right: 16rem !important; } - .sm\:pr-2 { - padding-right: 0.5rem !important; + .sm\:mb-64 { + margin-bottom: 16rem !important; } - .sm\:pb-2 { - padding-bottom: 0.5rem !important; + .sm\:ml-64 { + margin-left: 16rem !important; } - .sm\:pl-2 { - padding-left: 0.5rem !important; + .sm\:mt-auto { + margin-top: auto !important; } - .sm\:pt-3 { - padding-top: 0.75rem !important; + .sm\:mr-auto { + margin-right: auto !important; } - .sm\:pr-3 { - padding-right: 0.75rem !important; + .sm\:mb-auto { + margin-bottom: auto !important; } - .sm\:pb-3 { - padding-bottom: 0.75rem !important; + .sm\:ml-auto { + margin-left: auto !important; } - .sm\:pl-3 { - padding-left: 0.75rem !important; + .sm\:mt-px { + margin-top: 1px !important; } - .sm\:pt-4 { - padding-top: 1rem !important; + .sm\:mr-px { + margin-right: 1px !important; } - .sm\:pr-4 { - padding-right: 1rem !important; + .sm\:mb-px { + margin-bottom: 1px !important; } - .sm\:pb-4 { - padding-bottom: 1rem !important; + .sm\:ml-px { + margin-left: 1px !important; } - .sm\:pl-4 { - padding-left: 1rem !important; + .sm\:-mt-1 { + margin-top: -0.25rem !important; } - .sm\:pt-5 { - padding-top: 1.25rem !important; + .sm\:-mr-1 { + margin-right: -0.25rem !important; } - .sm\:pr-5 { - padding-right: 1.25rem !important; + .sm\:-mb-1 { + margin-bottom: -0.25rem !important; } - .sm\:pb-5 { - padding-bottom: 1.25rem !important; + .sm\:-ml-1 { + margin-left: -0.25rem !important; } - .sm\:pl-5 { - padding-left: 1.25rem !important; + .sm\:-mt-2 { + margin-top: -0.5rem !important; } - .sm\:pt-6 { - padding-top: 1.5rem !important; + .sm\:-mr-2 { + margin-right: -0.5rem !important; } - .sm\:pr-6 { - padding-right: 1.5rem !important; + .sm\:-mb-2 { + margin-bottom: -0.5rem !important; } - .sm\:pb-6 { - padding-bottom: 1.5rem !important; + .sm\:-ml-2 { + margin-left: -0.5rem !important; } - .sm\:pl-6 { - padding-left: 1.5rem !important; + .sm\:-mt-3 { + margin-top: -0.75rem !important; } - .sm\:pt-8 { - padding-top: 2rem !important; + .sm\:-mr-3 { + margin-right: -0.75rem !important; } - .sm\:pr-8 { - padding-right: 2rem !important; + .sm\:-mb-3 { + margin-bottom: -0.75rem !important; } - .sm\:pb-8 { - padding-bottom: 2rem !important; + .sm\:-ml-3 { + margin-left: -0.75rem !important; } - .sm\:pl-8 { - padding-left: 2rem !important; + .sm\:-mt-4 { + margin-top: -1rem !important; } - .sm\:pt-10 { - padding-top: 2.5rem !important; + .sm\:-mr-4 { + margin-right: -1rem !important; } - .sm\:pr-10 { - padding-right: 2.5rem !important; + .sm\:-mb-4 { + margin-bottom: -1rem !important; } - .sm\:pb-10 { - padding-bottom: 2.5rem !important; + .sm\:-ml-4 { + margin-left: -1rem !important; } - .sm\:pl-10 { - padding-left: 2.5rem !important; + .sm\:-mt-5 { + margin-top: -1.25rem !important; } - .sm\:pt-12 { - padding-top: 3rem !important; + .sm\:-mr-5 { + margin-right: -1.25rem !important; } - .sm\:pr-12 { - padding-right: 3rem !important; + .sm\:-mb-5 { + margin-bottom: -1.25rem !important; } - .sm\:pb-12 { - padding-bottom: 3rem !important; + .sm\:-ml-5 { + margin-left: -1.25rem !important; } - .sm\:pl-12 { - padding-left: 3rem !important; + .sm\:-mt-6 { + margin-top: -1.5rem !important; } - .sm\:pt-16 { - padding-top: 4rem !important; + .sm\:-mr-6 { + margin-right: -1.5rem !important; } - .sm\:pr-16 { - padding-right: 4rem !important; + .sm\:-mb-6 { + margin-bottom: -1.5rem !important; } - .sm\:pb-16 { - padding-bottom: 4rem !important; + .sm\:-ml-6 { + margin-left: -1.5rem !important; } - .sm\:pl-16 { - padding-left: 4rem !important; + .sm\:-mt-8 { + margin-top: -2rem !important; } - .sm\:pt-20 { - padding-top: 5rem !important; + .sm\:-mr-8 { + margin-right: -2rem !important; } - .sm\:pr-20 { - padding-right: 5rem !important; + .sm\:-mb-8 { + margin-bottom: -2rem !important; } - .sm\:pb-20 { - padding-bottom: 5rem !important; + .sm\:-ml-8 { + margin-left: -2rem !important; } - .sm\:pl-20 { - padding-left: 5rem !important; + .sm\:-mt-10 { + margin-top: -2.5rem !important; } - .sm\:pt-24 { - padding-top: 6rem !important; + .sm\:-mr-10 { + margin-right: -2.5rem !important; } - .sm\:pr-24 { - padding-right: 6rem !important; + .sm\:-mb-10 { + margin-bottom: -2.5rem !important; } - .sm\:pb-24 { - padding-bottom: 6rem !important; + .sm\:-ml-10 { + margin-left: -2.5rem !important; } - .sm\:pl-24 { - padding-left: 6rem !important; + .sm\:-mt-12 { + margin-top: -3rem !important; } - .sm\:pt-32 { - padding-top: 8rem !important; + .sm\:-mr-12 { + margin-right: -3rem !important; } - .sm\:pr-32 { - padding-right: 8rem !important; + .sm\:-mb-12 { + margin-bottom: -3rem !important; } - .sm\:pb-32 { - padding-bottom: 8rem !important; + .sm\:-ml-12 { + margin-left: -3rem !important; } - .sm\:pl-32 { - padding-left: 8rem !important; + .sm\:-mt-16 { + margin-top: -4rem !important; } - .sm\:pt-40 { - padding-top: 10rem !important; + .sm\:-mr-16 { + margin-right: -4rem !important; } - .sm\:pr-40 { - padding-right: 10rem !important; + .sm\:-mb-16 { + margin-bottom: -4rem !important; } - .sm\:pb-40 { - padding-bottom: 10rem !important; + .sm\:-ml-16 { + margin-left: -4rem !important; } - .sm\:pl-40 { - padding-left: 10rem !important; + .sm\:-mt-20 { + margin-top: -5rem !important; } - .sm\:pt-48 { - padding-top: 12rem !important; + .sm\:-mr-20 { + margin-right: -5rem !important; } - .sm\:pr-48 { - padding-right: 12rem !important; + .sm\:-mb-20 { + margin-bottom: -5rem !important; } - .sm\:pb-48 { - padding-bottom: 12rem !important; + .sm\:-ml-20 { + margin-left: -5rem !important; } - .sm\:pl-48 { - padding-left: 12rem !important; + .sm\:-mt-24 { + margin-top: -6rem !important; } - .sm\:pt-56 { - padding-top: 14rem !important; + .sm\:-mr-24 { + margin-right: -6rem !important; } - .sm\:pr-56 { - padding-right: 14rem !important; + .sm\:-mb-24 { + margin-bottom: -6rem !important; } - .sm\:pb-56 { - padding-bottom: 14rem !important; + .sm\:-ml-24 { + margin-left: -6rem !important; } - .sm\:pl-56 { - padding-left: 14rem !important; + .sm\:-mt-32 { + margin-top: -8rem !important; } - .sm\:pt-64 { - padding-top: 16rem !important; + .sm\:-mr-32 { + margin-right: -8rem !important; } - .sm\:pr-64 { - padding-right: 16rem !important; + .sm\:-mb-32 { + margin-bottom: -8rem !important; } - .sm\:pb-64 { - padding-bottom: 16rem !important; + .sm\:-ml-32 { + margin-left: -8rem !important; } - .sm\:pl-64 { - padding-left: 16rem !important; + .sm\:-mt-40 { + margin-top: -10rem !important; } - .sm\:pt-px { - padding-top: 1px !important; + .sm\:-mr-40 { + margin-right: -10rem !important; } - .sm\:pr-px { - padding-right: 1px !important; + .sm\:-mb-40 { + margin-bottom: -10rem !important; } - .sm\:pb-px { - padding-bottom: 1px !important; + .sm\:-ml-40 { + margin-left: -10rem !important; } - .sm\:pl-px { - padding-left: 1px !important; + .sm\:-mt-48 { + margin-top: -12rem !important; } - .sm\:placeholder-transparent::placeholder { - color: transparent !important; + .sm\:-mr-48 { + margin-right: -12rem !important; } - .sm\:placeholder-black::placeholder { - color: #000 !important; + .sm\:-mb-48 { + margin-bottom: -12rem !important; } - .sm\:placeholder-white::placeholder { - color: #fff !important; + .sm\:-ml-48 { + margin-left: -12rem !important; } - .sm\:placeholder-gray-100::placeholder { - color: #f7fafc !important; + .sm\:-mt-56 { + margin-top: -14rem !important; } - .sm\:placeholder-gray-200::placeholder { - color: #edf2f7 !important; + .sm\:-mr-56 { + margin-right: -14rem !important; } - .sm\:placeholder-gray-300::placeholder { - color: #e2e8f0 !important; + .sm\:-mb-56 { + margin-bottom: -14rem !important; } - .sm\:placeholder-gray-400::placeholder { - color: #cbd5e0 !important; + .sm\:-ml-56 { + margin-left: -14rem !important; } - .sm\:placeholder-gray-500::placeholder { - color: #a0aec0 !important; + .sm\:-mt-64 { + margin-top: -16rem !important; } - .sm\:placeholder-gray-600::placeholder { - color: #718096 !important; + .sm\:-mr-64 { + margin-right: -16rem !important; } - .sm\:placeholder-gray-700::placeholder { - color: #4a5568 !important; + .sm\:-mb-64 { + margin-bottom: -16rem !important; } - .sm\:placeholder-gray-800::placeholder { - color: #2d3748 !important; + .sm\:-ml-64 { + margin-left: -16rem !important; } - .sm\:placeholder-gray-900::placeholder { - color: #1a202c !important; + .sm\:-mt-px { + margin-top: -1px !important; } - .sm\:placeholder-red-100::placeholder { - color: #fff5f5 !important; + .sm\:-mr-px { + margin-right: -1px !important; } - .sm\:placeholder-red-200::placeholder { - color: #fed7d7 !important; + .sm\:-mb-px { + margin-bottom: -1px !important; } - .sm\:placeholder-red-300::placeholder { - color: #feb2b2 !important; + .sm\:-ml-px { + margin-left: -1px !important; } - .sm\:placeholder-red-400::placeholder { - color: #fc8181 !important; + .sm\:max-h-full { + max-height: 100% !important; } - .sm\:placeholder-red-500::placeholder { - color: #f56565 !important; + .sm\:max-h-screen { + max-height: 100vh !important; } - .sm\:placeholder-red-600::placeholder { - color: #e53e3e !important; + .sm\:max-w-none { + max-width: none !important; } - .sm\:placeholder-red-700::placeholder { - color: #c53030 !important; + .sm\:max-w-xs { + max-width: 20rem !important; } - .sm\:placeholder-red-800::placeholder { - color: #9b2c2c !important; + .sm\:max-w-sm { + max-width: 24rem !important; } - .sm\:placeholder-red-900::placeholder { - color: #742a2a !important; + .sm\:max-w-md { + max-width: 28rem !important; } - .sm\:placeholder-orange-100::placeholder { - color: #fffaf0 !important; + .sm\:max-w-lg { + max-width: 32rem !important; } - .sm\:placeholder-orange-200::placeholder { - color: #feebc8 !important; + .sm\:max-w-xl { + max-width: 36rem !important; } - .sm\:placeholder-orange-300::placeholder { - color: #fbd38d !important; + .sm\:max-w-2xl { + max-width: 42rem !important; } - .sm\:placeholder-orange-400::placeholder { - color: #f6ad55 !important; + .sm\:max-w-3xl { + max-width: 48rem !important; } - .sm\:placeholder-orange-500::placeholder { - color: #ed8936 !important; - } - - .sm\:placeholder-orange-600::placeholder { - color: #dd6b20 !important; + .sm\:max-w-4xl { + max-width: 56rem !important; } - .sm\:placeholder-orange-700::placeholder { - color: #c05621 !important; + .sm\:max-w-5xl { + max-width: 64rem !important; } - .sm\:placeholder-orange-800::placeholder { - color: #9c4221 !important; + .sm\:max-w-6xl { + max-width: 72rem !important; } - .sm\:placeholder-orange-900::placeholder { - color: #7b341e !important; + .sm\:max-w-full { + max-width: 100% !important; } - .sm\:placeholder-yellow-100::placeholder { - color: #fffff0 !important; + .sm\:max-w-screen-sm { + max-width: 640px !important; } - .sm\:placeholder-yellow-200::placeholder { - color: #fefcbf !important; + .sm\:max-w-screen-md { + max-width: 768px !important; } - .sm\:placeholder-yellow-300::placeholder { - color: #faf089 !important; + .sm\:max-w-screen-lg { + max-width: 1024px !important; } - .sm\:placeholder-yellow-400::placeholder { - color: #f6e05e !important; + .sm\:max-w-screen-xl { + max-width: 1280px !important; } - .sm\:placeholder-yellow-500::placeholder { - color: #ecc94b !important; + .sm\:min-h-0 { + min-height: 0 !important; } - .sm\:placeholder-yellow-600::placeholder { - color: #d69e2e !important; + .sm\:min-h-full { + min-height: 100% !important; } - .sm\:placeholder-yellow-700::placeholder { - color: #b7791f !important; + .sm\:min-h-screen { + min-height: 100vh !important; } - .sm\:placeholder-yellow-800::placeholder { - color: #975a16 !important; + .sm\:min-w-0 { + min-width: 0 !important; } - .sm\:placeholder-yellow-900::placeholder { - color: #744210 !important; + .sm\:min-w-full { + min-width: 100% !important; } - .sm\:placeholder-green-100::placeholder { - color: #f0fff4 !important; + .sm\:object-contain { + object-fit: contain !important; } - .sm\:placeholder-green-200::placeholder { - color: #c6f6d5 !important; + .sm\:object-cover { + object-fit: cover !important; } - .sm\:placeholder-green-300::placeholder { - color: #9ae6b4 !important; + .sm\:object-fill { + object-fit: fill !important; } - .sm\:placeholder-green-400::placeholder { - color: #68d391 !important; + .sm\:object-none { + object-fit: none !important; } - .sm\:placeholder-green-500::placeholder { - color: #48bb78 !important; + .sm\:object-scale-down { + object-fit: scale-down !important; } - .sm\:placeholder-green-600::placeholder { - color: #38a169 !important; + .sm\:object-bottom { + object-position: bottom !important; } - .sm\:placeholder-green-700::placeholder { - color: #2f855a !important; + .sm\:object-center { + object-position: center !important; } - .sm\:placeholder-green-800::placeholder { - color: #276749 !important; + .sm\:object-left { + object-position: left !important; } - .sm\:placeholder-green-900::placeholder { - color: #22543d !important; + .sm\:object-left-bottom { + object-position: left bottom !important; } - .sm\:placeholder-teal-100::placeholder { - color: #e6fffa !important; + .sm\:object-left-top { + object-position: left top !important; } - .sm\:placeholder-teal-200::placeholder { - color: #b2f5ea !important; + .sm\:object-right { + object-position: right !important; } - .sm\:placeholder-teal-300::placeholder { - color: #81e6d9 !important; + .sm\:object-right-bottom { + object-position: right bottom !important; } - .sm\:placeholder-teal-400::placeholder { - color: #4fd1c5 !important; + .sm\:object-right-top { + object-position: right top !important; } - .sm\:placeholder-teal-500::placeholder { - color: #38b2ac !important; + .sm\:object-top { + object-position: top !important; } - .sm\:placeholder-teal-600::placeholder { - color: #319795 !important; + .sm\:opacity-0 { + opacity: 0 !important; } - .sm\:placeholder-teal-700::placeholder { - color: #2c7a7b !important; + .sm\:opacity-25 { + opacity: 0.25 !important; } - .sm\:placeholder-teal-800::placeholder { - color: #285e61 !important; + .sm\:opacity-50 { + opacity: 0.5 !important; } - .sm\:placeholder-teal-900::placeholder { - color: #234e52 !important; + .sm\:opacity-75 { + opacity: 0.75 !important; } - .sm\:placeholder-blue-100::placeholder { - color: #ebf8ff !important; + .sm\:opacity-100 { + opacity: 1 !important; } - .sm\:placeholder-blue-200::placeholder { - color: #bee3f8 !important; + .sm\:hover\:opacity-0:hover { + opacity: 0 !important; } - .sm\:placeholder-blue-300::placeholder { - color: #90cdf4 !important; + .sm\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .sm\:placeholder-blue-400::placeholder { - color: #63b3ed !important; + .sm\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .sm\:placeholder-blue-500::placeholder { - color: #4299e1 !important; + .sm\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .sm\:placeholder-blue-600::placeholder { - color: #3182ce !important; + .sm\:hover\:opacity-100:hover { + opacity: 1 !important; } - .sm\:placeholder-blue-700::placeholder { - color: #2b6cb0 !important; + .sm\:focus\:opacity-0:focus { + opacity: 0 !important; } - .sm\:placeholder-blue-800::placeholder { - color: #2c5282 !important; + .sm\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .sm\:placeholder-blue-900::placeholder { - color: #2a4365 !important; + .sm\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .sm\:placeholder-indigo-100::placeholder { - color: #ebf4ff !important; + .sm\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .sm\:placeholder-indigo-200::placeholder { - color: #c3dafe !important; + .sm\:focus\:opacity-100:focus { + opacity: 1 !important; } - .sm\:placeholder-indigo-300::placeholder { - color: #a3bffa !important; + .sm\:outline-none { + outline: 0 !important; } - .sm\:placeholder-indigo-400::placeholder { - color: #7f9cf5 !important; + .sm\:focus\:outline-none:focus { + outline: 0 !important; } - .sm\:placeholder-indigo-500::placeholder { - color: #667eea !important; + .sm\:overflow-auto { + overflow: auto !important; } - .sm\:placeholder-indigo-600::placeholder { - color: #5a67d8 !important; + .sm\:overflow-hidden { + overflow: hidden !important; } - .sm\:placeholder-indigo-700::placeholder { - color: #4c51bf !important; + .sm\:overflow-visible { + overflow: visible !important; } - .sm\:placeholder-indigo-800::placeholder { - color: #434190 !important; + .sm\:overflow-scroll { + overflow: scroll !important; } - .sm\:placeholder-indigo-900::placeholder { - color: #3c366b !important; + .sm\:overflow-x-auto { + overflow-x: auto !important; } - .sm\:placeholder-purple-100::placeholder { - color: #faf5ff !important; + .sm\:overflow-y-auto { + overflow-y: auto !important; } - .sm\:placeholder-purple-200::placeholder { - color: #e9d8fd !important; + .sm\:overflow-x-hidden { + overflow-x: hidden !important; } - .sm\:placeholder-purple-300::placeholder { - color: #d6bcfa !important; + .sm\:overflow-y-hidden { + overflow-y: hidden !important; } - .sm\:placeholder-purple-400::placeholder { - color: #b794f4 !important; + .sm\:overflow-x-visible { + overflow-x: visible !important; } - .sm\:placeholder-purple-500::placeholder { - color: #9f7aea !important; + .sm\:overflow-y-visible { + overflow-y: visible !important; } - .sm\:placeholder-purple-600::placeholder { - color: #805ad5 !important; + .sm\:overflow-x-scroll { + overflow-x: scroll !important; } - .sm\:placeholder-purple-700::placeholder { - color: #6b46c1 !important; + .sm\:overflow-y-scroll { + overflow-y: scroll !important; } - .sm\:placeholder-purple-800::placeholder { - color: #553c9a !important; + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .sm\:placeholder-purple-900::placeholder { - color: #44337a !important; + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .sm\:placeholder-pink-100::placeholder { - color: #fff5f7 !important; + .sm\:p-0 { + padding: 0 !important; } - .sm\:placeholder-pink-200::placeholder { - color: #fed7e2 !important; + .sm\:p-1 { + padding: 0.25rem !important; } - .sm\:placeholder-pink-300::placeholder { - color: #fbb6ce !important; + .sm\:p-2 { + padding: 0.5rem !important; } - .sm\:placeholder-pink-400::placeholder { - color: #f687b3 !important; + .sm\:p-3 { + padding: 0.75rem !important; } - .sm\:placeholder-pink-500::placeholder { - color: #ed64a6 !important; + .sm\:p-4 { + padding: 1rem !important; } - .sm\:placeholder-pink-600::placeholder { - color: #d53f8c !important; + .sm\:p-5 { + padding: 1.25rem !important; } - .sm\:placeholder-pink-700::placeholder { - color: #b83280 !important; + .sm\:p-6 { + padding: 1.5rem !important; } - .sm\:placeholder-pink-800::placeholder { - color: #97266d !important; + .sm\:p-8 { + padding: 2rem !important; } - .sm\:placeholder-pink-900::placeholder { - color: #702459 !important; + .sm\:p-10 { + padding: 2.5rem !important; } - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .sm\:p-12 { + padding: 3rem !important; } - .sm\:focus\:placeholder-black:focus::placeholder { - color: #000 !important; + .sm\:p-16 { + padding: 4rem !important; } - .sm\:focus\:placeholder-white:focus::placeholder { - color: #fff !important; + .sm\:p-20 { + padding: 5rem !important; } - .sm\:focus\:placeholder-gray-100:focus::placeholder { - color: #f7fafc !important; + .sm\:p-24 { + padding: 6rem !important; } - .sm\:focus\:placeholder-gray-200:focus::placeholder { - color: #edf2f7 !important; + .sm\:p-32 { + padding: 8rem !important; } - .sm\:focus\:placeholder-gray-300:focus::placeholder { - color: #e2e8f0 !important; + .sm\:p-40 { + padding: 10rem !important; } - .sm\:focus\:placeholder-gray-400:focus::placeholder { - color: #cbd5e0 !important; + .sm\:p-48 { + padding: 12rem !important; } - .sm\:focus\:placeholder-gray-500:focus::placeholder { - color: #a0aec0 !important; + .sm\:p-56 { + padding: 14rem !important; } - .sm\:focus\:placeholder-gray-600:focus::placeholder { - color: #718096 !important; + .sm\:p-64 { + padding: 16rem !important; } - .sm\:focus\:placeholder-gray-700:focus::placeholder { - color: #4a5568 !important; + .sm\:p-px { + padding: 1px !important; } - .sm\:focus\:placeholder-gray-800:focus::placeholder { - color: #2d3748 !important; + .sm\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .sm\:focus\:placeholder-gray-900:focus::placeholder { - color: #1a202c !important; + .sm\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .sm\:focus\:placeholder-red-100:focus::placeholder { - color: #fff5f5 !important; + .sm\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .sm\:focus\:placeholder-red-200:focus::placeholder { - color: #fed7d7 !important; + .sm\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .sm\:focus\:placeholder-red-300:focus::placeholder { - color: #feb2b2 !important; + .sm\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .sm\:focus\:placeholder-red-400:focus::placeholder { - color: #fc8181 !important; + .sm\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .sm\:focus\:placeholder-red-500:focus::placeholder { - color: #f56565 !important; + .sm\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .sm\:focus\:placeholder-red-600:focus::placeholder { - color: #e53e3e !important; + .sm\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .sm\:focus\:placeholder-red-700:focus::placeholder { - color: #c53030 !important; + .sm\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .sm\:focus\:placeholder-red-800:focus::placeholder { - color: #9b2c2c !important; + .sm\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .sm\:focus\:placeholder-red-900:focus::placeholder { - color: #742a2a !important; + .sm\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .sm\:focus\:placeholder-orange-100:focus::placeholder { - color: #fffaf0 !important; + .sm\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .sm\:focus\:placeholder-orange-200:focus::placeholder { - color: #feebc8 !important; + .sm\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .sm\:focus\:placeholder-orange-300:focus::placeholder { - color: #fbd38d !important; + .sm\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .sm\:focus\:placeholder-orange-400:focus::placeholder { - color: #f6ad55 !important; + .sm\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .sm\:focus\:placeholder-orange-500:focus::placeholder { - color: #ed8936 !important; + .sm\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .sm\:focus\:placeholder-orange-600:focus::placeholder { - color: #dd6b20 !important; + .sm\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .sm\:focus\:placeholder-orange-700:focus::placeholder { - color: #c05621 !important; + .sm\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .sm\:focus\:placeholder-orange-800:focus::placeholder { - color: #9c4221 !important; + .sm\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .sm\:focus\:placeholder-orange-900:focus::placeholder { - color: #7b341e !important; + .sm\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fffff0 !important; + .sm\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fefcbf !important; + .sm\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - color: #faf089 !important; + .sm\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - color: #f6e05e !important; + .sm\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - color: #ecc94b !important; + .sm\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d69e2e !important; + .sm\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b7791f !important; + .sm\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - color: #975a16 !important; + .sm\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - color: #744210 !important; + .sm\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .sm\:focus\:placeholder-green-100:focus::placeholder { - color: #f0fff4 !important; + .sm\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .sm\:focus\:placeholder-green-200:focus::placeholder { - color: #c6f6d5 !important; + .sm\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .sm\:focus\:placeholder-green-300:focus::placeholder { - color: #9ae6b4 !important; + .sm\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .sm\:focus\:placeholder-green-400:focus::placeholder { - color: #68d391 !important; + .sm\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .sm\:focus\:placeholder-green-500:focus::placeholder { - color: #48bb78 !important; + .sm\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .sm\:focus\:placeholder-green-600:focus::placeholder { - color: #38a169 !important; + .sm\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .sm\:focus\:placeholder-green-700:focus::placeholder { - color: #2f855a !important; + .sm\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .sm\:focus\:placeholder-green-800:focus::placeholder { - color: #276749 !important; + .sm\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .sm\:focus\:placeholder-green-900:focus::placeholder { - color: #22543d !important; + .sm\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .sm\:focus\:placeholder-teal-100:focus::placeholder { - color: #e6fffa !important; + .sm\:pt-0 { + padding-top: 0 !important; } - .sm\:focus\:placeholder-teal-200:focus::placeholder { - color: #b2f5ea !important; + .sm\:pr-0 { + padding-right: 0 !important; } - .sm\:focus\:placeholder-teal-300:focus::placeholder { - color: #81e6d9 !important; + .sm\:pb-0 { + padding-bottom: 0 !important; } - .sm\:focus\:placeholder-teal-400:focus::placeholder { - color: #4fd1c5 !important; - } - - .sm\:focus\:placeholder-teal-500:focus::placeholder { - color: #38b2ac !important; - } - - .sm\:focus\:placeholder-teal-600:focus::placeholder { - color: #319795 !important; - } - - .sm\:focus\:placeholder-teal-700:focus::placeholder { - color: #2c7a7b !important; - } - - .sm\:focus\:placeholder-teal-800:focus::placeholder { - color: #285e61 !important; - } - - .sm\:focus\:placeholder-teal-900:focus::placeholder { - color: #234e52 !important; - } - - .sm\:focus\:placeholder-blue-100:focus::placeholder { - color: #ebf8ff !important; - } - - .sm\:focus\:placeholder-blue-200:focus::placeholder { - color: #bee3f8 !important; - } - - .sm\:focus\:placeholder-blue-300:focus::placeholder { - color: #90cdf4 !important; - } - - .sm\:focus\:placeholder-blue-400:focus::placeholder { - color: #63b3ed !important; - } - - .sm\:focus\:placeholder-blue-500:focus::placeholder { - color: #4299e1 !important; - } - - .sm\:focus\:placeholder-blue-600:focus::placeholder { - color: #3182ce !important; - } - - .sm\:focus\:placeholder-blue-700:focus::placeholder { - color: #2b6cb0 !important; - } - - .sm\:focus\:placeholder-blue-800:focus::placeholder { - color: #2c5282 !important; - } - - .sm\:focus\:placeholder-blue-900:focus::placeholder { - color: #2a4365 !important; - } - - .sm\:focus\:placeholder-indigo-100:focus::placeholder { - color: #ebf4ff !important; - } - - .sm\:focus\:placeholder-indigo-200:focus::placeholder { - color: #c3dafe !important; - } - - .sm\:focus\:placeholder-indigo-300:focus::placeholder { - color: #a3bffa !important; - } - - .sm\:focus\:placeholder-indigo-400:focus::placeholder { - color: #7f9cf5 !important; - } - - .sm\:focus\:placeholder-indigo-500:focus::placeholder { - color: #667eea !important; - } - - .sm\:focus\:placeholder-indigo-600:focus::placeholder { - color: #5a67d8 !important; - } - - .sm\:focus\:placeholder-indigo-700:focus::placeholder { - color: #4c51bf !important; - } - - .sm\:focus\:placeholder-indigo-800:focus::placeholder { - color: #434190 !important; - } - - .sm\:focus\:placeholder-indigo-900:focus::placeholder { - color: #3c366b !important; - } - - .sm\:focus\:placeholder-purple-100:focus::placeholder { - color: #faf5ff !important; - } - - .sm\:focus\:placeholder-purple-200:focus::placeholder { - color: #e9d8fd !important; - } - - .sm\:focus\:placeholder-purple-300:focus::placeholder { - color: #d6bcfa !important; - } - - .sm\:focus\:placeholder-purple-400:focus::placeholder { - color: #b794f4 !important; - } - - .sm\:focus\:placeholder-purple-500:focus::placeholder { - color: #9f7aea !important; - } - - .sm\:focus\:placeholder-purple-600:focus::placeholder { - color: #805ad5 !important; - } - - .sm\:focus\:placeholder-purple-700:focus::placeholder { - color: #6b46c1 !important; - } - - .sm\:focus\:placeholder-purple-800:focus::placeholder { - color: #553c9a !important; - } - - .sm\:focus\:placeholder-purple-900:focus::placeholder { - color: #44337a !important; - } - - .sm\:focus\:placeholder-pink-100:focus::placeholder { - color: #fff5f7 !important; - } - - .sm\:focus\:placeholder-pink-200:focus::placeholder { - color: #fed7e2 !important; + .sm\:pl-0 { + padding-left: 0 !important; } - .sm\:focus\:placeholder-pink-300:focus::placeholder { - color: #fbb6ce !important; + .sm\:pt-1 { + padding-top: 0.25rem !important; } - .sm\:focus\:placeholder-pink-400:focus::placeholder { - color: #f687b3 !important; + .sm\:pr-1 { + padding-right: 0.25rem !important; } - .sm\:focus\:placeholder-pink-500:focus::placeholder { - color: #ed64a6 !important; + .sm\:pb-1 { + padding-bottom: 0.25rem !important; } - .sm\:focus\:placeholder-pink-600:focus::placeholder { - color: #d53f8c !important; + .sm\:pl-1 { + padding-left: 0.25rem !important; } - .sm\:focus\:placeholder-pink-700:focus::placeholder { - color: #b83280 !important; + .sm\:pt-2 { + padding-top: 0.5rem !important; } - .sm\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d !important; + .sm\:pr-2 { + padding-right: 0.5rem !important; } - .sm\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459 !important; + .sm\:pb-2 { + padding-bottom: 0.5rem !important; } - .sm\:pointer-events-none { - pointer-events: none !important; + .sm\:pl-2 { + padding-left: 0.5rem !important; } - .sm\:pointer-events-auto { - pointer-events: auto !important; + .sm\:pt-3 { + padding-top: 0.75rem !important; } - .sm\:static { - position: static !important; + .sm\:pr-3 { + padding-right: 0.75rem !important; } - .sm\:fixed { - position: fixed !important; + .sm\:pb-3 { + padding-bottom: 0.75rem !important; } - .sm\:absolute { - position: absolute !important; + .sm\:pl-3 { + padding-left: 0.75rem !important; } - .sm\:relative { - position: relative !important; + .sm\:pt-4 { + padding-top: 1rem !important; } - .sm\:sticky { - position: sticky !important; + .sm\:pr-4 { + padding-right: 1rem !important; } - .sm\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .sm\:pb-4 { + padding-bottom: 1rem !important; } - .sm\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .sm\:pl-4 { + padding-left: 1rem !important; } - .sm\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .sm\:pt-5 { + padding-top: 1.25rem !important; } - .sm\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .sm\:pr-5 { + padding-right: 1.25rem !important; } - .sm\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .sm\:pb-5 { + padding-bottom: 1.25rem !important; } - .sm\:inset-x-auto { - right: auto !important; - left: auto !important; + .sm\:pl-5 { + padding-left: 1.25rem !important; } - .sm\:top-0 { - top: 0 !important; + .sm\:pt-6 { + padding-top: 1.5rem !important; } - .sm\:right-0 { - right: 0 !important; + .sm\:pr-6 { + padding-right: 1.5rem !important; } - .sm\:bottom-0 { - bottom: 0 !important; + .sm\:pb-6 { + padding-bottom: 1.5rem !important; } - .sm\:left-0 { - left: 0 !important; + .sm\:pl-6 { + padding-left: 1.5rem !important; } - .sm\:top-auto { - top: auto !important; + .sm\:pt-8 { + padding-top: 2rem !important; } - .sm\:right-auto { - right: auto !important; + .sm\:pr-8 { + padding-right: 2rem !important; } - .sm\:bottom-auto { - bottom: auto !important; + .sm\:pb-8 { + padding-bottom: 2rem !important; } - .sm\:left-auto { - left: auto !important; + .sm\:pl-8 { + padding-left: 2rem !important; } - .sm\:resize-none { - resize: none !important; + .sm\:pt-10 { + padding-top: 2.5rem !important; } - .sm\:resize-y { - resize: vertical !important; + .sm\:pr-10 { + padding-right: 2.5rem !important; } - .sm\:resize-x { - resize: horizontal !important; + .sm\:pb-10 { + padding-bottom: 2.5rem !important; } - .sm\:resize { - resize: both !important; + .sm\:pl-10 { + padding-left: 2.5rem !important; } - .sm\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:pt-12 { + padding-top: 3rem !important; } - .sm\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:pr-12 { + padding-right: 3rem !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\:pb-12 { + padding-bottom: 3rem !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\:pl-12 { + padding-left: 3rem !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\:pt-16 { + padding-top: 4rem !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\:pr-16 { + padding-right: 4rem !important; } - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:pb-16 { + padding-bottom: 4rem !important; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:pl-16 { + padding-left: 4rem !important; } - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:pt-20 { + padding-top: 5rem !important; } - .sm\:shadow-none { - box-shadow: none !important; + .sm\:pr-20 { + padding-right: 5rem !important; } - .sm\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:pb-20 { + padding-bottom: 5rem !important; } - .sm\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:pl-20 { + padding-left: 5rem !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\:pt-24 { + padding-top: 6rem !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\:pr-24 { + padding-right: 6rem !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\:pb-24 { + padding-bottom: 6rem !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\:pl-24 { + padding-left: 6rem !important; } - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:pt-32 { + padding-top: 8rem !important; } - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:pr-32 { + padding-right: 8rem !important; } - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:pb-32 { + padding-bottom: 8rem !important; } - .sm\:hover\:shadow-none:hover { - box-shadow: none !important; + .sm\:pl-32 { + padding-left: 8rem !important; } - .sm\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:pt-40 { + padding-top: 10rem !important; } - .sm\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:pr-40 { + padding-right: 10rem !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\:pb-40 { + padding-bottom: 10rem !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\:pl-40 { + padding-left: 10rem !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\:pt-48 { + padding-top: 12rem !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\:pr-48 { + padding-right: 12rem !important; } - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:pb-48 { + padding-bottom: 12rem !important; } - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:pl-48 { + padding-left: 12rem !important; } - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:pt-56 { + padding-top: 14rem !important; } - .sm\:focus\:shadow-none:focus { - box-shadow: none !important; + .sm\:pr-56 { + padding-right: 14rem !important; } - .sm\:fill-current { - fill: currentColor !important; + .sm\:pb-56 { + padding-bottom: 14rem !important; } - .sm\:stroke-current { - stroke: currentColor !important; + .sm\:pl-56 { + padding-left: 14rem !important; } - .sm\:stroke-0 { - stroke-width: 0 !important; + .sm\:pt-64 { + padding-top: 16rem !important; } - .sm\:stroke-1 { - stroke-width: 1 !important; + .sm\:pr-64 { + padding-right: 16rem !important; } - .sm\:stroke-2 { - stroke-width: 2 !important; + .sm\:pb-64 { + padding-bottom: 16rem !important; } - .sm\:table-auto { - table-layout: auto !important; + .sm\:pl-64 { + padding-left: 16rem !important; } - .sm\:table-fixed { - table-layout: fixed !important; + .sm\:pt-px { + padding-top: 1px !important; } - .sm\:text-left { - text-align: left !important; + .sm\:pr-px { + padding-right: 1px !important; } - .sm\:text-center { - text-align: center !important; + .sm\:pb-px { + padding-bottom: 1px !important; } - .sm\:text-right { - text-align: right !important; + .sm\:pl-px { + padding-left: 1px !important; } - .sm\:text-justify { - text-align: justify !important; + .sm\:placeholder-transparent::placeholder { + color: transparent !important; } - .sm\:text-transparent { - color: transparent !important; + .sm\:placeholder-current::placeholder { + color: currentColor !important; } - .sm\:text-black { + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .sm\:text-white { + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .sm\:text-gray-100 { + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .sm\:text-gray-200 { + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .sm\:text-gray-300 { + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .sm\:text-gray-400 { + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .sm\:text-gray-500 { + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .sm\:text-gray-600 { + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .sm\:text-gray-700 { + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .sm\:text-gray-800 { + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .sm\:text-gray-900 { + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .sm\:text-red-100 { + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .sm\:text-red-200 { + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .sm\:text-red-300 { + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .sm\:text-red-400 { + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .sm\:text-red-500 { + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .sm\:text-red-600 { + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .sm\:text-red-700 { + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .sm\:text-red-800 { + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .sm\:text-red-900 { + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .sm\:text-orange-100 { + .sm\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .sm\:text-orange-200 { + .sm\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .sm\:text-orange-300 { + .sm\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .sm\:text-orange-400 { + .sm\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .sm\:text-orange-500 { + .sm\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .sm\:text-orange-600 { + .sm\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .sm\:text-orange-700 { + .sm\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .sm\:text-orange-800 { + .sm\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } - .sm\:text-orange-900 { + .sm\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-100 { + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-200 { + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-300 { + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-400 { + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-500 { + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-600 { + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-700 { + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-800 { + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .sm\:text-yellow-900 { + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .sm\:text-green-100 { + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .sm\:text-green-200 { + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .sm\:text-green-300 { + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .sm\:text-green-400 { + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .sm\:text-green-500 { + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .sm\:text-green-600 { + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .sm\:text-green-700 { + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .sm\:text-green-800 { + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .sm\:text-green-900 { + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .sm\:text-teal-100 { + .sm\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .sm\:text-teal-200 { + .sm\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .sm\:text-teal-300 { + .sm\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .sm\:text-teal-400 { + .sm\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .sm\:text-teal-500 { + .sm\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .sm\:text-teal-600 { + .sm\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .sm\:text-teal-700 { + .sm\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .sm\:text-teal-800 { + .sm\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .sm\:text-teal-900 { + .sm\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .sm\:text-blue-100 { + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .sm\:text-blue-200 { + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .sm\:text-blue-300 { + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .sm\:text-blue-400 { + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .sm\:text-blue-500 { + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .sm\:text-blue-600 { + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .sm\:text-blue-700 { + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .sm\:text-blue-800 { + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .sm\:text-blue-900 { + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-100 { + .sm\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-200 { + .sm\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-300 { + .sm\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-400 { + .sm\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-500 { + .sm\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-600 { + .sm\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-700 { + .sm\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-800 { + .sm\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .sm\:text-indigo-900 { + .sm\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .sm\:text-purple-100 { + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .sm\:text-purple-200 { + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .sm\:text-purple-300 { + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .sm\:text-purple-400 { + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .sm\:text-purple-500 { + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .sm\:text-purple-600 { + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .sm\:text-purple-700 { + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .sm\:text-purple-800 { + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .sm\:text-purple-900 { + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .sm\:text-pink-100 { + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .sm\:text-pink-200 { + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .sm\:text-pink-300 { + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .sm\:text-pink-400 { + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .sm\:text-pink-500 { + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .sm\:text-pink-600 { + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .sm\:text-pink-700 { + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .sm\:text-pink-800 { + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .sm\:text-pink-900 { + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-transparent:hover { + .sm\:focus\:placeholder-transparent:focus::placeholder { color: transparent !important; } - .sm\:hover\:text-black:hover { + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; + } + + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-white:hover { + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-100:hover { + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-200:hover { + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-300:hover { + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-400:hover { + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-500:hover { + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-600:hover { + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-700:hover { + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-800:hover { + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-gray-900:hover { + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-100:hover { + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-200:hover { + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-300:hover { + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-400:hover { + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-500:hover { + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-600:hover { + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-700:hover { + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-800:hover { + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-red-900:hover { + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-100:hover { + .sm\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-200:hover { + .sm\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-300:hover { + .sm\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-400:hover { + .sm\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-500:hover { + .sm\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-600:hover { + .sm\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-700:hover { + .sm\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-800:hover { + .sm\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-orange-900:hover { + .sm\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-100:hover { + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-200:hover { + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-300:hover { + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-400:hover { + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-500:hover { + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-600:hover { + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-700:hover { + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-800:hover { + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-yellow-900:hover { + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-100:hover { + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-200:hover { + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-300:hover { + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-400:hover { + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-500:hover { + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-600:hover { + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-700:hover { + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-800:hover { + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-green-900:hover { + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-100:hover { + .sm\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-200:hover { + .sm\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-300:hover { + .sm\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-400:hover { + .sm\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-500:hover { + .sm\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-600:hover { + .sm\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-700:hover { + .sm\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-800:hover { + .sm\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-teal-900:hover { + .sm\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-100:hover { + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-200:hover { + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-300:hover { + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-400:hover { + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-500:hover { + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-600:hover { + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-700:hover { + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-800:hover { + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-blue-900:hover { + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-100:hover { + .sm\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-200:hover { + .sm\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-300:hover { + .sm\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-400:hover { + .sm\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-500:hover { + .sm\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-600:hover { + .sm\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-700:hover { + .sm\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-800:hover { + .sm\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-indigo-900:hover { + .sm\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-100:hover { + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-200:hover { + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-300:hover { + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-400:hover { + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-500:hover { + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-600:hover { + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-700:hover { + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-800:hover { + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-purple-900:hover { + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-100:hover { + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-200:hover { + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-300:hover { + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-400:hover { + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-500:hover { + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-600:hover { + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-700:hover { + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-800:hover { + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .sm\:hover\:text-pink-900:hover { + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .sm\:focus\:text-transparent:focus { - color: transparent !important; + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } - .sm\:focus\:text-black:focus { - color: #000 !important; + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } - .sm\:focus\:text-white:focus { - color: #fff !important; + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } - .sm\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } - .sm\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } - .sm\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } - .sm\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } - .sm\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } - .sm\:focus\:text-gray-600:focus { - color: #718096 !important; + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } - .sm\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } - .sm\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .sm\:pointer-events-none { + pointer-events: none !important; } - .sm\:focus\:text-gray-900:focus { - color: #1a202c !important; + .sm\:pointer-events-auto { + pointer-events: auto !important; } - .sm\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .sm\:static { + position: static !important; } - .sm\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .sm\:fixed { + position: fixed !important; } - .sm\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .sm\:absolute { + position: absolute !important; } - .sm\:focus\:text-red-400:focus { - color: #fc8181 !important; + .sm\:relative { + position: relative !important; } - .sm\:focus\:text-red-500:focus { - color: #f56565 !important; + .sm\:sticky { + position: sticky !important; } - .sm\:focus\:text-red-600:focus { - color: #e53e3e !important; + .sm\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .sm\:focus\:text-red-700:focus { - color: #c53030 !important; + .sm\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .sm\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .sm\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .sm\:focus\:text-red-900:focus { - color: #742a2a !important; + .sm\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .sm\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .sm\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .sm\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .sm\:inset-x-auto { + right: auto !important; + left: auto !important; } - .sm\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .sm\:top-0 { + top: 0 !important; } - .sm\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .sm\:right-0 { + right: 0 !important; } - .sm\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .sm\:bottom-0 { + bottom: 0 !important; } - .sm\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .sm\:left-0 { + left: 0 !important; } - .sm\:focus\:text-orange-700:focus { - color: #c05621 !important; + .sm\:top-auto { + top: auto !important; } - .sm\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .sm\:right-auto { + right: auto !important; } - .sm\:focus\:text-orange-900:focus { - color: #7b341e !important; + .sm\:bottom-auto { + bottom: auto !important; } - .sm\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .sm\:left-auto { + left: auto !important; } - .sm\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .sm\:resize-none { + resize: none !important; } - .sm\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .sm\:resize-y { + resize: vertical !important; } - .sm\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .sm\:resize-x { + resize: horizontal !important; } - .sm\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .sm\:resize { + resize: both !important; } - .sm\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-yellow-800:focus { - color: #975a16 !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\:focus\:text-yellow-900:focus { - color: #744210 !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\:focus\:text-green-100:focus { - color: #f0fff4 !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\:focus\:text-green-200:focus { - color: #c6f6d5 !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\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:focus\:text-green-400:focus { - color: #68d391 !important; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:focus\:text-green-500:focus { - color: #48bb78 !important; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:focus\:text-green-600:focus { - color: #38a169 !important; + .sm\:shadow-none { + box-shadow: none !important; } - .sm\:focus\:text-green-700:focus { - color: #2f855a !important; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-green-800:focus { - color: #276749 !important; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-green-900:focus { - color: #22543d !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\:focus\:text-teal-100:focus { - color: #e6fffa !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\:focus\:text-teal-200:focus { - color: #b2f5ea !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\:focus\:text-teal-300:focus { - color: #81e6d9 !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\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:focus\:text-teal-600:focus { - color: #319795 !important; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:focus\:text-teal-700:focus { - color: #2c7a7b !important; - } + .sm\:hover\:shadow-none:hover { + box-shadow: none !important; + } - .sm\:focus\:text-teal-800:focus { - color: #285e61 !important; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-teal-900:focus { - color: #234e52 !important; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .sm\:focus\:text-blue-100:focus { - color: #ebf8ff !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\:text-blue-200:focus { - color: #bee3f8 !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\:text-blue-300:focus { - color: #90cdf4 !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\:text-blue-400:focus { - color: #63b3ed !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\:text-blue-500:focus { - color: #4299e1 !important; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:focus\:text-blue-600:focus { - color: #3182ce !important; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .sm\:focus\:shadow-none:focus { + box-shadow: none !important; } - .sm\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .sm\:fill-current { + fill: currentColor !important; } - .sm\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .sm\:stroke-current { + stroke: currentColor !important; } - .sm\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .sm\:stroke-0 { + stroke-width: 0 !important; } - .sm\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .sm\:stroke-1 { + stroke-width: 1 !important; } - .sm\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .sm\:stroke-2 { + stroke-width: 2 !important; } - .sm\:focus\:text-indigo-500:focus { - color: #667eea !important; + .sm\:table-auto { + table-layout: auto !important; } - .sm\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .sm\:table-fixed { + table-layout: fixed !important; } - .sm\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .sm\:text-left { + text-align: left !important; } - .sm\:focus\:text-indigo-800:focus { - color: #434190 !important; + .sm\:text-center { + text-align: center !important; } - .sm\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .sm\:text-right { + text-align: right !important; } - .sm\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .sm\:text-justify { + text-align: justify !important; } - .sm\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .sm\:text-transparent { + color: transparent !important; } - .sm\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .sm\:text-current { + color: currentColor !important; } - .sm\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .sm\:text-black { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .sm\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .sm\:text-white { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .sm\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .sm\:text-gray-100 { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .sm\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .sm\:text-gray-200 { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .sm\:focus\:text-purple-800:focus { - color: #553c9a !important; + .sm\:text-gray-300 { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .sm\:focus\:text-purple-900:focus { - color: #44337a !important; + .sm\:text-gray-400 { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .sm\:text-gray-500 { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .sm\:text-gray-600 { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .sm\:text-gray-700 { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .sm\:text-gray-800 { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .sm\:text-gray-900 { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .sm\:text-red-100 { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-700:focus { - color: #b83280 !important; + .sm\:text-red-200 { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-800:focus { - color: #97266d !important; + .sm\:text-red-300 { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .sm\:focus\:text-pink-900:focus { - color: #702459 !important; + .sm\:text-red-400 { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .sm\:text-xs { - font-size: 0.75rem !important; + .sm\:text-red-500 { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .sm\:text-sm { - font-size: 0.875rem !important; + .sm\:text-red-600 { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .sm\:text-base { - font-size: 1rem !important; + .sm\:text-red-700 { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .sm\:text-lg { - font-size: 1.125rem !important; + .sm\:text-red-800 { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .sm\:text-xl { - font-size: 1.25rem !important; + .sm\:text-red-900 { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .sm\:text-2xl { - font-size: 1.5rem !important; + .sm\:text-orange-100 { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .sm\:text-3xl { - font-size: 1.875rem !important; + .sm\:text-orange-200 { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .sm\:text-4xl { - font-size: 2.25rem !important; + .sm\:text-orange-300 { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .sm\:text-5xl { - font-size: 3rem !important; + .sm\:text-orange-400 { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .sm\:text-6xl { - font-size: 4rem !important; + .sm\:text-orange-500 { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .sm\:italic { - font-style: italic !important; + .sm\:text-orange-600 { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .sm\:not-italic { - font-style: normal !important; + .sm\:text-orange-700 { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .sm\:uppercase { - text-transform: uppercase !important; + .sm\:text-orange-800 { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .sm\:lowercase { - text-transform: lowercase !important; + .sm\:text-orange-900 { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .sm\:capitalize { - text-transform: capitalize !important; + .sm\:text-yellow-100 { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .sm\:normal-case { - text-transform: none !important; + .sm\:text-yellow-200 { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .sm\:underline { - text-decoration: underline !important; + .sm\:text-yellow-300 { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .sm\:line-through { - text-decoration: line-through !important; + .sm\:text-yellow-400 { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .sm\:no-underline { - text-decoration: none !important; + .sm\:text-yellow-500 { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .sm\:hover\:underline:hover { - text-decoration: underline !important; + .sm\:text-yellow-600 { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .sm\:hover\:line-through:hover { - text-decoration: line-through !important; + .sm\:text-yellow-700 { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .sm\:hover\:no-underline:hover { - text-decoration: none !important; + .sm\:text-yellow-800 { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .sm\:focus\:underline:focus { - text-decoration: underline !important; + .sm\:text-yellow-900 { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .sm\:focus\:line-through:focus { - text-decoration: line-through !important; + .sm\:text-green-100 { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .sm\:focus\:no-underline:focus { - text-decoration: none !important; + .sm\:text-green-200 { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .sm\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .sm\:text-green-300 { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .sm\:text-green-400 { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .sm\:tracking-tighter { - letter-spacing: -0.05em !important; + .sm\:text-green-500 { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .sm\:tracking-tight { - letter-spacing: -0.025em !important; + .sm\:text-green-600 { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .sm\:tracking-normal { - letter-spacing: 0 !important; + .sm\:text-green-700 { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .sm\:tracking-wide { - letter-spacing: 0.025em !important; + .sm\:text-green-800 { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .sm\:tracking-wider { - letter-spacing: 0.05em !important; + .sm\:text-green-900 { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .sm\:tracking-widest { - letter-spacing: 0.1em !important; + .sm\:text-teal-100 { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .sm\:select-none { - user-select: none !important; + .sm\:text-teal-200 { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .sm\:select-text { - user-select: text !important; + .sm\:text-teal-300 { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .sm\:select-all { - user-select: all !important; + .sm\:text-teal-400 { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .sm\:select-auto { - user-select: auto !important; + .sm\:text-teal-500 { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .sm\:align-baseline { - vertical-align: baseline !important; + .sm\:text-teal-600 { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .sm\:align-top { - vertical-align: top !important; + .sm\:text-teal-700 { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .sm\:align-middle { - vertical-align: middle !important; + .sm\:text-teal-800 { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .sm\:align-bottom { - vertical-align: bottom !important; + .sm\:text-teal-900 { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .sm\:align-text-top { - vertical-align: text-top !important; + .sm\:text-blue-100 { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .sm\:align-text-bottom { - vertical-align: text-bottom !important; + .sm\:text-blue-200 { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .sm\:visible { - visibility: visible !important; + .sm\:text-blue-300 { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .sm\:invisible { - visibility: hidden !important; + .sm\:text-blue-400 { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .sm\:whitespace-normal { - white-space: normal !important; + .sm\:text-blue-500 { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .sm\:whitespace-no-wrap { - white-space: nowrap !important; + .sm\:text-blue-600 { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .sm\:whitespace-pre { - white-space: pre !important; + .sm\:text-blue-700 { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .sm\:whitespace-pre-line { - white-space: pre-line !important; + .sm\:text-blue-800 { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .sm\:text-blue-900 { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .sm\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .sm\:text-indigo-100 { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .sm\:break-words { - overflow-wrap: break-word !important; + .sm\:text-indigo-200 { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .sm\:break-all { - word-break: break-all !important; + .sm\:text-indigo-300 { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .sm\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .sm\:text-indigo-400 { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .sm\:w-0 { - width: 0 !important; + .sm\:text-indigo-500 { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .sm\:w-1 { - width: 0.25rem !important; + .sm\:text-indigo-600 { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .sm\:w-2 { - width: 0.5rem !important; + .sm\:text-indigo-700 { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .sm\:w-3 { - width: 0.75rem !important; + .sm\:text-indigo-800 { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .sm\:w-4 { - width: 1rem !important; + .sm\:text-indigo-900 { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .sm\:w-5 { - width: 1.25rem !important; + .sm\:text-purple-100 { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .sm\:w-6 { - width: 1.5rem !important; + .sm\:text-purple-200 { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .sm\:w-8 { - width: 2rem !important; + .sm\:text-purple-300 { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .sm\:w-10 { - width: 2.5rem !important; + .sm\:text-purple-400 { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .sm\:w-12 { - width: 3rem !important; + .sm\:text-purple-500 { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .sm\:w-16 { - width: 4rem !important; + .sm\:text-purple-600 { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .sm\:w-20 { - width: 5rem !important; + .sm\:text-purple-700 { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .sm\:w-24 { - width: 6rem !important; + .sm\:text-purple-800 { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .sm\:w-32 { - width: 8rem !important; + .sm\:text-purple-900 { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .sm\:w-40 { - width: 10rem !important; + .sm\:text-pink-100 { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .sm\:w-48 { - width: 12rem !important; + .sm\:text-pink-200 { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .sm\:w-56 { - width: 14rem !important; + .sm\:text-pink-300 { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .sm\:w-64 { - width: 16rem !important; + .sm\:text-pink-400 { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .sm\:w-auto { - width: auto !important; + .sm\:text-pink-500 { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .sm\:w-px { - width: 1px !important; + .sm\:text-pink-600 { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .sm\:w-1\/2 { - width: 50% !important; + .sm\:text-pink-700 { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .sm\:w-1\/3 { - width: 33.333333% !important; + .sm\:text-pink-800 { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .sm\:w-2\/3 { - width: 66.666667% !important; + .sm\:text-pink-900 { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .sm\:w-1\/4 { - width: 25% !important; + .sm\:hover\:text-transparent:hover { + color: transparent !important; } - .sm\:w-2\/4 { - width: 50% !important; + .sm\:hover\:text-current:hover { + color: currentColor !important; } - .sm\:w-3\/4 { - width: 75% !important; + .sm\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .sm\:w-1\/5 { - width: 20% !important; + .sm\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .sm\:w-2\/5 { - width: 40% !important; + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .sm\:w-3\/5 { - width: 60% !important; + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .sm\:w-4\/5 { - width: 80% !important; + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .sm\:w-1\/6 { - width: 16.666667% !important; + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .sm\:w-2\/6 { - width: 33.333333% !important; + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .sm\:w-3\/6 { - width: 50% !important; + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .sm\:w-4\/6 { - width: 66.666667% !important; + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .sm\:w-5\/6 { - width: 83.333333% !important; + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .sm\:w-1\/12 { - width: 8.333333% !important; + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .sm\:w-2\/12 { - width: 16.666667% !important; + .sm\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .sm\:w-3\/12 { - width: 25% !important; + .sm\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .sm\:w-4\/12 { - width: 33.333333% !important; + .sm\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .sm\:w-5\/12 { - width: 41.666667% !important; + .sm\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .sm\:w-6\/12 { - width: 50% !important; + .sm\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .sm\:w-7\/12 { - width: 58.333333% !important; + .sm\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .sm\:w-8\/12 { - width: 66.666667% !important; + .sm\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .sm\:w-9\/12 { - width: 75% !important; + .sm\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .sm\:w-10\/12 { - width: 83.333333% !important; + .sm\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .sm\:w-11\/12 { - width: 91.666667% !important; + .sm\:hover\:text-orange-100:hover { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .sm\:w-full { - width: 100% !important; + .sm\:hover\:text-orange-200:hover { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .sm\:w-screen { - width: 100vw !important; + .sm\:hover\:text-orange-300:hover { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .sm\:z-0 { - z-index: 0 !important; + .sm\:hover\:text-orange-400:hover { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .sm\:z-10 { - z-index: 10 !important; + .sm\:hover\:text-orange-500:hover { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .sm\:z-20 { - z-index: 20 !important; + .sm\:hover\:text-orange-600:hover { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .sm\:z-30 { - z-index: 30 !important; + .sm\:hover\:text-orange-700:hover { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .sm\:z-40 { - z-index: 40 !important; + .sm\:hover\:text-orange-800:hover { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .sm\:z-50 { - z-index: 50 !important; + .sm\:hover\:text-orange-900:hover { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .sm\:z-auto { - z-index: auto !important; + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .sm\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .sm\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .sm\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .sm\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .sm\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .sm\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .sm\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .sm\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .sm\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .sm\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .sm\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .sm\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .sm\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .sm\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .sm\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .sm\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .sm\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .sm\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .sm\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .sm\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .sm\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .sm\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .sm\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .sm\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .sm\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .sm\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .sm\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .sm\:hover\:text-teal-100:hover { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .sm\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .sm\:hover\:text-teal-200:hover { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .sm\:col-gap-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .sm\:hover\:text-teal-300:hover { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .sm\:col-gap-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .sm\:hover\:text-teal-400:hover { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .sm\:col-gap-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .sm\:hover\:text-teal-500:hover { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .sm\:col-gap-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .sm\:hover\:text-teal-600:hover { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .sm\:col-gap-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .sm\:hover\:text-teal-700:hover { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .sm\:col-gap-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .sm\:hover\:text-teal-800:hover { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .sm\:col-gap-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .sm\:hover\:text-teal-900:hover { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .sm\:col-gap-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .sm\:col-gap-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .sm\:col-gap-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .sm\:col-gap-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .sm\:col-gap-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .sm\:col-gap-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .sm\:col-gap-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .sm\:col-gap-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .sm\:col-gap-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .sm\:col-gap-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + .sm\:hover\:text-indigo-100:hover { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .sm\:col-gap-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + .sm\:hover\:text-indigo-200:hover { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .sm\:col-gap-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .sm\:hover\:text-indigo-300:hover { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .sm\:row-gap-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .sm\:hover\:text-indigo-400:hover { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .sm\:row-gap-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .sm\:hover\:text-indigo-500:hover { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .sm\:row-gap-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .sm\:hover\:text-indigo-600:hover { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .sm\:row-gap-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .sm\:hover\:text-indigo-700:hover { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .sm\:row-gap-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .sm\:hover\:text-indigo-800:hover { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .sm\:row-gap-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .sm\:hover\:text-indigo-900:hover { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .sm\:row-gap-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .sm\:row-gap-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .sm\:row-gap-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .sm\:row-gap-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .sm\:row-gap-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .sm\:row-gap-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .sm\:row-gap-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .sm\:row-gap-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .sm\:row-gap-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .sm\:row-gap-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .sm\:row-gap-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .sm\:row-gap-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .sm\:row-gap-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .sm\:grid-flow-row { - grid-auto-flow: row !important; + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .sm\:grid-flow-col { - grid-auto-flow: column !important; + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .sm\:focus\:text-transparent:focus { + color: transparent !important; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .sm\:focus\:text-current:focus { + color: currentColor !important; } - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .sm\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .sm\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .sm\:grid-cols-none { - grid-template-columns: none !important; + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .sm\:col-auto { - grid-column: auto !important; + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .sm\:col-span-1 { - grid-column: span 1 / span 1 !important; + .sm\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .sm\:col-span-2 { - grid-column: span 2 / span 2 !important; + .sm\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .sm\:col-span-3 { - grid-column: span 3 / span 3 !important; + .sm\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .sm\:col-span-4 { - grid-column: span 4 / span 4 !important; + .sm\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .sm\:col-span-5 { - grid-column: span 5 / span 5 !important; + .sm\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .sm\:col-span-6 { - grid-column: span 6 / span 6 !important; + .sm\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .sm\:col-span-7 { - grid-column: span 7 / span 7 !important; + .sm\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .sm\:col-span-8 { - grid-column: span 8 / span 8 !important; + .sm\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .sm\:col-span-9 { - grid-column: span 9 / span 9 !important; + .sm\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .sm\:col-span-10 { - grid-column: span 10 / span 10 !important; + .sm\:focus\:text-orange-100:focus { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .sm\:col-span-11 { - grid-column: span 11 / span 11 !important; + .sm\:focus\:text-orange-200:focus { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .sm\:col-span-12 { - grid-column: span 12 / span 12 !important; + .sm\:focus\:text-orange-300:focus { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .sm\:col-start-1 { - grid-column-start: 1 !important; + .sm\:focus\:text-orange-400:focus { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .sm\:col-start-2 { - grid-column-start: 2 !important; + .sm\:focus\:text-orange-500:focus { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .sm\:col-start-3 { - grid-column-start: 3 !important; + .sm\:focus\:text-orange-600:focus { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .sm\:col-start-4 { - grid-column-start: 4 !important; + .sm\:focus\:text-orange-700:focus { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .sm\:col-start-5 { - grid-column-start: 5 !important; + .sm\:focus\:text-orange-800:focus { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .sm\:col-start-6 { - grid-column-start: 6 !important; + .sm\:focus\:text-orange-900:focus { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .sm\:col-start-7 { - grid-column-start: 7 !important; + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .sm\:col-start-8 { - grid-column-start: 8 !important; + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .sm\:col-start-9 { - grid-column-start: 9 !important; + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .sm\:col-start-10 { - grid-column-start: 10 !important; + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .sm\:col-start-11 { - grid-column-start: 11 !important; + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .sm\:col-start-12 { - grid-column-start: 12 !important; + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .sm\:col-start-13 { - grid-column-start: 13 !important; + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .sm\:col-start-auto { - grid-column-start: auto !important; + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .sm\:col-end-1 { - grid-column-end: 1 !important; + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .sm\:col-end-2 { - grid-column-end: 2 !important; + .sm\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .sm\:col-end-3 { - grid-column-end: 3 !important; + .sm\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .sm\:col-end-4 { - grid-column-end: 4 !important; + .sm\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .sm\:col-end-5 { - grid-column-end: 5 !important; + .sm\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .sm\:col-end-6 { - grid-column-end: 6 !important; + .sm\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .sm\:col-end-7 { - grid-column-end: 7 !important; + .sm\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .sm\:col-end-8 { - grid-column-end: 8 !important; + .sm\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .sm\:col-end-9 { - grid-column-end: 9 !important; + .sm\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .sm\:col-end-10 { - grid-column-end: 10 !important; + .sm\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .sm\:col-end-11 { - grid-column-end: 11 !important; + .sm\:focus\:text-teal-100:focus { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .sm\:col-end-12 { - grid-column-end: 12 !important; + .sm\:focus\:text-teal-200:focus { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .sm\:col-end-13 { - grid-column-end: 13 !important; + .sm\:focus\:text-teal-300:focus { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .sm\:col-end-auto { - grid-column-end: auto !important; + .sm\:focus\:text-teal-400:focus { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .sm\:focus\:text-teal-500:focus { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .sm\:focus\:text-teal-600:focus { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .sm\:focus\:text-teal-700:focus { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .sm\:focus\:text-teal-800:focus { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .sm\:focus\:text-teal-900:focus { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .sm\:grid-rows-none { - grid-template-rows: none !important; + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .sm\:row-auto { - grid-row: auto !important; + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .sm\:row-span-1 { - grid-row: span 1 / span 1 !important; + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .sm\:row-span-2 { - grid-row: span 2 / span 2 !important; + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .sm\:row-span-3 { - grid-row: span 3 / span 3 !important; + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .sm\:row-span-4 { - grid-row: span 4 / span 4 !important; + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .sm\:row-span-5 { - grid-row: span 5 / span 5 !important; + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .sm\:row-span-6 { - grid-row: span 6 / span 6 !important; + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .sm\:row-start-1 { - grid-row-start: 1 !important; + .sm\:focus\:text-indigo-100:focus { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .sm\:row-start-2 { - grid-row-start: 2 !important; + .sm\:focus\:text-indigo-200:focus { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .sm\:row-start-3 { - grid-row-start: 3 !important; + .sm\:focus\:text-indigo-300:focus { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .sm\:row-start-4 { - grid-row-start: 4 !important; + .sm\:focus\:text-indigo-400:focus { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .sm\:row-start-5 { - grid-row-start: 5 !important; + .sm\:focus\:text-indigo-500:focus { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .sm\:row-start-6 { - grid-row-start: 6 !important; + .sm\:focus\:text-indigo-600:focus { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .sm\:row-start-7 { - grid-row-start: 7 !important; + .sm\:focus\:text-indigo-700:focus { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .sm\:row-start-auto { - grid-row-start: auto !important; + .sm\:focus\:text-indigo-800:focus { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .sm\:row-end-1 { - grid-row-end: 1 !important; + .sm\:focus\:text-indigo-900:focus { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .sm\:row-end-2 { - grid-row-end: 2 !important; + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .sm\:row-end-3 { - grid-row-end: 3 !important; + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .sm\:row-end-4 { - grid-row-end: 4 !important; + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .sm\:row-end-5 { - grid-row-end: 5 !important; + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .sm\:row-end-6 { - grid-row-end: 6 !important; + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .sm\:row-end-7 { - grid-row-end: 7 !important; + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .sm\:row-end-auto { - grid-row-end: auto !important; + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, 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; + .sm\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, 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; + .sm\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .sm\:transform-none { - transform: none !important; + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .sm\:origin-center { - transform-origin: center !important; + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .sm\:origin-top { - transform-origin: top !important; + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .sm\:origin-top-right { - transform-origin: top right !important; + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .sm\:origin-right { - transform-origin: right !important; + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .sm\:origin-bottom-right { - transform-origin: bottom right !important; + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .sm\:origin-bottom { - transform-origin: bottom !important; + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .sm\:origin-bottom-left { - transform-origin: bottom left !important; + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .sm\:origin-left { - transform-origin: left !important; + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .sm\:origin-top-left { - transform-origin: top left !important; + .sm\:text-opacity-0 { + --text-opacity: 0 !important; } - .sm\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .sm\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .sm\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .sm\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .sm\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .sm\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .sm\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .sm\:text-opacity-100 { + --text-opacity: 1 !important; } - .sm\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .sm\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .sm\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .sm\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .sm\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .sm\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .sm\:scale-x-0 { - --transform-scale-x: 0 !important; + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .sm\:scale-x-50 { - --transform-scale-x: .5 !important; + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .sm\:scale-x-75 { - --transform-scale-x: .75 !important; + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .sm\:scale-x-90 { - --transform-scale-x: .9 !important; + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .sm\:scale-x-95 { - --transform-scale-x: .95 !important; + .sm\:italic { + font-style: italic !important; } - .sm\:scale-x-100 { - --transform-scale-x: 1 !important; + .sm\:not-italic { + font-style: normal !important; } - .sm\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .sm\:uppercase { + text-transform: uppercase !important; } - .sm\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .sm\:lowercase { + text-transform: lowercase !important; } - .sm\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .sm\:capitalize { + text-transform: capitalize !important; } - .sm\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .sm\:normal-case { + text-transform: none !important; } - .sm\:scale-y-0 { - --transform-scale-y: 0 !important; + .sm\:underline { + text-decoration: underline !important; } - .sm\:scale-y-50 { - --transform-scale-y: .5 !important; + .sm\:line-through { + text-decoration: line-through !important; } - .sm\:scale-y-75 { - --transform-scale-y: .75 !important; + .sm\:no-underline { + text-decoration: none !important; } - .sm\:scale-y-90 { - --transform-scale-y: .9 !important; + .sm\:hover\:underline:hover { + text-decoration: underline !important; } - .sm\:scale-y-95 { - --transform-scale-y: .95 !important; + .sm\:hover\:line-through:hover { + text-decoration: line-through !important; } - .sm\:scale-y-100 { - --transform-scale-y: 1 !important; + .sm\:hover\:no-underline:hover { + text-decoration: none !important; } - .sm\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .sm\:focus\:underline:focus { + text-decoration: underline !important; } - .sm\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .sm\:focus\:line-through:focus { + text-decoration: line-through !important; } - .sm\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .sm\:focus\:no-underline:focus { + text-decoration: none !important; } - .sm\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .sm\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .sm\:tracking-tighter { + letter-spacing: -0.05em !important; } - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .sm\:tracking-tight { + letter-spacing: -0.025em !important; } - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .sm\:tracking-normal { + letter-spacing: 0 !important; } - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .sm\:tracking-wide { + letter-spacing: 0.025em !important; } - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .sm\:tracking-wider { + letter-spacing: 0.05em !important; } - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .sm\:tracking-widest { + letter-spacing: 0.1em !important; } - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .sm\:select-none { + user-select: none !important; } - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .sm\:select-text { + user-select: text !important; } - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .sm\:select-all { + user-select: all !important; } - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .sm\:select-auto { + user-select: auto !important; } - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .sm\:align-baseline { + vertical-align: baseline !important; } - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .sm\:align-top { + vertical-align: top !important; } - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .sm\:align-middle { + vertical-align: middle !important; } - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .sm\:align-bottom { + vertical-align: bottom !important; } - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .sm\:align-text-top { + vertical-align: text-top !important; } - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .sm\:align-text-bottom { + vertical-align: text-bottom !important; } - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .sm\:visible { + visibility: visible !important; } - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .sm\:invisible { + visibility: hidden !important; } - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .sm\:whitespace-normal { + white-space: normal !important; } - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .sm\:whitespace-no-wrap { + white-space: nowrap !important; } - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .sm\:whitespace-pre { + white-space: pre !important; } - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .sm\:whitespace-pre-line { + white-space: pre-line !important; } - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .sm\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .sm\:break-words { + overflow-wrap: break-word !important; } - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .sm\:break-all { + word-break: break-all !important; } - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .sm\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .sm\:w-0 { + width: 0 !important; } - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .sm\:w-1 { + width: 0.25rem !important; } - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .sm\:w-2 { + width: 0.5rem !important; } - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .sm\:w-3 { + width: 0.75rem !important; } - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .sm\:w-4 { + width: 1rem !important; } - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .sm\:w-5 { + width: 1.25rem !important; } - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .sm\:w-6 { + width: 1.5rem !important; } - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .sm\:w-8 { + width: 2rem !important; } - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .sm\:w-10 { + width: 2.5rem !important; } - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .sm\:w-12 { + width: 3rem !important; } - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .sm\:w-16 { + width: 4rem !important; } - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .sm\:w-20 { + width: 5rem !important; } - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .sm\:w-24 { + width: 6rem !important; } - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .sm\:w-32 { + width: 8rem !important; } - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .sm\:w-40 { + width: 10rem !important; } - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .sm\:w-48 { + width: 12rem !important; } - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .sm\:w-56 { + width: 14rem !important; } - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .sm\:w-64 { + width: 16rem !important; } - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .sm\:w-auto { + width: auto !important; } - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .sm\:w-px { + width: 1px !important; } - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .sm\:w-1\/2 { + width: 50% !important; } - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .sm\:w-1\/3 { + width: 33.333333% !important; } - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .sm\:w-2\/3 { + width: 66.666667% !important; } - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .sm\:w-1\/4 { + width: 25% !important; } - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .sm\:w-2\/4 { + width: 50% !important; } - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .sm\:w-3\/4 { + width: 75% !important; } - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .sm\:w-1\/5 { + width: 20% !important; } - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .sm\:w-2\/5 { + width: 40% !important; } - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .sm\:w-3\/5 { + width: 60% !important; } - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .sm\:w-4\/5 { + width: 80% !important; } - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .sm\:w-1\/6 { + width: 16.666667% !important; } - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .sm\:w-2\/6 { + width: 33.333333% !important; } - .sm\:rotate-0 { - --transform-rotate: 0 !important; + .sm\:w-3\/6 { + width: 50% !important; } - .sm\:rotate-45 { - --transform-rotate: 45deg !important; + .sm\:w-4\/6 { + width: 66.666667% !important; } - .sm\:rotate-90 { - --transform-rotate: 90deg !important; + .sm\:w-5\/6 { + width: 83.333333% !important; } - .sm\:rotate-180 { - --transform-rotate: 180deg !important; + .sm\:w-1\/12 { + width: 8.333333% !important; } - .sm\:-rotate-180 { - --transform-rotate: -180deg !important; + .sm\:w-2\/12 { + width: 16.666667% !important; } - .sm\:-rotate-90 { - --transform-rotate: -90deg !important; + .sm\:w-3\/12 { + width: 25% !important; } - .sm\:-rotate-45 { - --transform-rotate: -45deg !important; + .sm\:w-4\/12 { + width: 33.333333% !important; } - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .sm\:w-5\/12 { + width: 41.666667% !important; } - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .sm\:w-6\/12 { + width: 50% !important; } - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .sm\:w-7\/12 { + width: 58.333333% !important; } - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .sm\:w-8\/12 { + width: 66.666667% !important; } - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .sm\:w-9\/12 { + width: 75% !important; } - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .sm\:w-10\/12 { + width: 83.333333% !important; } - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .sm\:w-11\/12 { + width: 91.666667% !important; } - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .sm\:w-full { + width: 100% !important; } - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .sm\:w-screen { + width: 100vw !important; } - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .sm\:z-0 { + z-index: 0 !important; } - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .sm\:z-10 { + z-index: 10 !important; } - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .sm\:z-20 { + z-index: 20 !important; } - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .sm\:z-30 { + z-index: 30 !important; } - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .sm\:z-40 { + z-index: 40 !important; } - .sm\:translate-x-0 { - --transform-translate-x: 0 !important; + .sm\:z-50 { + z-index: 50 !important; } - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem !important; + .sm\:z-auto { + z-index: auto !important; } - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem !important; + .sm\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem !important; + .sm\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } - .sm\:translate-x-4 { - --transform-translate-x: 1rem !important; + .sm\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem !important; + .sm\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem !important; + .sm\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } - .sm\:translate-x-8 { - --transform-translate-x: 2rem !important; + .sm\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem !important; + .sm\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } - .sm\:translate-x-12 { - --transform-translate-x: 3rem !important; + .sm\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } - .sm\:translate-x-16 { - --transform-translate-x: 4rem !important; + .sm\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } - .sm\:translate-x-20 { - --transform-translate-x: 5rem !important; + .sm\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } - .sm\:translate-x-24 { - --transform-translate-x: 6rem !important; + .sm\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } - .sm\:translate-x-32 { - --transform-translate-x: 8rem !important; + .sm\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } - .sm\:translate-x-40 { - --transform-translate-x: 10rem !important; + .sm\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } - .sm\:translate-x-48 { - --transform-translate-x: 12rem !important; + .sm\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } - .sm\:translate-x-56 { - --transform-translate-x: 14rem !important; + .sm\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } - .sm\:translate-x-64 { - --transform-translate-x: 16rem !important; + .sm\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } - .sm\:translate-x-px { - --transform-translate-x: 1px !important; + .sm\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; + .sm\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; + .sm\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; } - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; + .sm\:col-gap-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } - .sm\:-translate-x-4 { - --transform-translate-x: -1rem !important; + .sm\:col-gap-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; + .sm\:col-gap-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; + .sm\:col-gap-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } - .sm\:-translate-x-8 { - --transform-translate-x: -2rem !important; + .sm\:col-gap-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; + .sm\:col-gap-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } - .sm\:-translate-x-12 { - --transform-translate-x: -3rem !important; + .sm\:col-gap-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } - .sm\:-translate-x-16 { - --transform-translate-x: -4rem !important; + .sm\:col-gap-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } - .sm\:-translate-x-20 { - --transform-translate-x: -5rem !important; + .sm\:col-gap-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } - .sm\:-translate-x-24 { - --transform-translate-x: -6rem !important; + .sm\:col-gap-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } - .sm\:-translate-x-32 { - --transform-translate-x: -8rem !important; + .sm\:col-gap-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } - .sm\:-translate-x-40 { - --transform-translate-x: -10rem !important; + .sm\:col-gap-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } - .sm\:-translate-x-48 { - --transform-translate-x: -12rem !important; + .sm\:col-gap-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } - .sm\:-translate-x-56 { - --transform-translate-x: -14rem !important; + .sm\:col-gap-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } - .sm\:-translate-x-64 { - --transform-translate-x: -16rem !important; + .sm\:col-gap-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } - .sm\:-translate-x-px { - --transform-translate-x: -1px !important; + .sm\:col-gap-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } - .sm\:-translate-x-full { - --transform-translate-x: -100% !important; + .sm\:col-gap-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; + .sm\:col-gap-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } - .sm\:translate-x-1\/2 { - --transform-translate-x: 50% !important; + .sm\:col-gap-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } - .sm\:translate-x-full { - --transform-translate-x: 100% !important; + .sm\:row-gap-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; } - .sm\:translate-y-0 { - --transform-translate-y: 0 !important; + .sm\:row-gap-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; } - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem !important; + .sm\:row-gap-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; } - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem !important; + .sm\:row-gap-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; } - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem !important; + .sm\:row-gap-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; } - .sm\:translate-y-4 { - --transform-translate-y: 1rem !important; + .sm\:row-gap-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; } - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem !important; + .sm\:row-gap-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; } - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem !important; + .sm\:row-gap-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; } - .sm\:translate-y-8 { - --transform-translate-y: 2rem !important; + .sm\:row-gap-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; } - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem !important; + .sm\:row-gap-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; } - .sm\:translate-y-12 { - --transform-translate-y: 3rem !important; + .sm\:row-gap-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; } - .sm\:translate-y-16 { - --transform-translate-y: 4rem !important; + .sm\:row-gap-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; } - .sm\:translate-y-20 { - --transform-translate-y: 5rem !important; + .sm\:row-gap-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; } - .sm\:translate-y-24 { - --transform-translate-y: 6rem !important; + .sm\:row-gap-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; } - .sm\:translate-y-32 { - --transform-translate-y: 8rem !important; + .sm\:row-gap-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; } - .sm\:translate-y-40 { - --transform-translate-y: 10rem !important; + .sm\:row-gap-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; } - .sm\:translate-y-48 { - --transform-translate-y: 12rem !important; + .sm\:row-gap-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; } - .sm\:translate-y-56 { - --transform-translate-y: 14rem !important; + .sm\:row-gap-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; } - .sm\:translate-y-64 { - --transform-translate-y: 16rem !important; + .sm\:row-gap-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; } - .sm\:translate-y-px { - --transform-translate-y: 1px !important; + .sm\:grid-flow-row { + grid-auto-flow: row !important; } - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; + .sm\:grid-flow-col { + grid-auto-flow: column !important; } - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense !important; } - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense !important; } - .sm\:-translate-y-4 { - --transform-translate-y: -1rem !important; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } - .sm\:-translate-y-8 { - --transform-translate-y: -2rem !important; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } - .sm\:-translate-y-12 { - --transform-translate-y: -3rem !important; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } - .sm\:-translate-y-16 { - --transform-translate-y: -4rem !important; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } - .sm\:-translate-y-20 { - --transform-translate-y: -5rem !important; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } - .sm\:-translate-y-24 { - --transform-translate-y: -6rem !important; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } - .sm\:-translate-y-32 { - --transform-translate-y: -8rem !important; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } - .sm\:-translate-y-40 { - --transform-translate-y: -10rem !important; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } - .sm\:-translate-y-48 { - --transform-translate-y: -12rem !important; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } - .sm\:-translate-y-56 { - --transform-translate-y: -14rem !important; + .sm\:grid-cols-none { + grid-template-columns: none !important; } - .sm\:-translate-y-64 { - --transform-translate-y: -16rem !important; + .sm\:col-auto { + grid-column: auto !important; } - .sm\:-translate-y-px { - --transform-translate-y: -1px !important; + .sm\:col-span-1 { + grid-column: span 1 / span 1 !important; } - .sm\:-translate-y-full { - --transform-translate-y: -100% !important; + .sm\:col-span-2 { + grid-column: span 2 / span 2 !important; } - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; + .sm\:col-span-3 { + grid-column: span 3 / span 3 !important; } - .sm\:translate-y-1\/2 { - --transform-translate-y: 50% !important; + .sm\:col-span-4 { + grid-column: span 4 / span 4 !important; } - .sm\:translate-y-full { - --transform-translate-y: 100% !important; + .sm\:col-span-5 { + grid-column: span 5 / span 5 !important; } - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .sm\:col-span-6 { + grid-column: span 6 / span 6 !important; } - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .sm\:col-span-7 { + grid-column: span 7 / span 7 !important; } - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .sm\:col-span-8 { + grid-column: span 8 / span 8 !important; } - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .sm\:col-span-9 { + grid-column: span 9 / span 9 !important; } - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .sm\:col-span-10 { + grid-column: span 10 / span 10 !important; } - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .sm\:col-span-11 { + grid-column: span 11 / span 11 !important; } - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .sm\:col-span-12 { + grid-column: span 12 / span 12 !important; } - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .sm\:col-start-1 { + grid-column-start: 1 !important; } - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .sm\:col-start-2 { + grid-column-start: 2 !important; } - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .sm\:col-start-3 { + grid-column-start: 3 !important; } - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .sm\:col-start-4 { + grid-column-start: 4 !important; } - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .sm\:col-start-5 { + grid-column-start: 5 !important; } - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .sm\:col-start-6 { + grid-column-start: 6 !important; } - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .sm\:col-start-7 { + grid-column-start: 7 !important; } - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .sm\:col-start-8 { + grid-column-start: 8 !important; } - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .sm\:col-start-9 { + grid-column-start: 9 !important; } - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .sm\:col-start-10 { + grid-column-start: 10 !important; } - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .sm\:col-start-11 { + grid-column-start: 11 !important; } - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .sm\:col-start-12 { + grid-column-start: 12 !important; } - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .sm\:col-start-13 { + grid-column-start: 13 !important; } - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .sm\:col-start-auto { + grid-column-start: auto !important; } - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .sm\:col-end-1 { + grid-column-end: 1 !important; } - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .sm\:col-end-2 { + grid-column-end: 2 !important; } - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .sm\:col-end-3 { + grid-column-end: 3 !important; } - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .sm\:col-end-4 { + grid-column-end: 4 !important; } - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .sm\:col-end-5 { + grid-column-end: 5 !important; } - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .sm\:col-end-6 { + grid-column-end: 6 !important; } - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .sm\:col-end-7 { + grid-column-end: 7 !important; } - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .sm\:col-end-8 { + grid-column-end: 8 !important; } - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .sm\:col-end-9 { + grid-column-end: 9 !important; } - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .sm\:col-end-10 { + grid-column-end: 10 !important; } - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .sm\:col-end-11 { + grid-column-end: 11 !important; } - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .sm\:col-end-12 { + grid-column-end: 12 !important; } - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .sm\:col-end-13 { + grid-column-end: 13 !important; } - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .sm\:col-end-auto { + grid-column-end: auto !important; } - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .sm\:grid-rows-none { + grid-template-rows: none !important; } - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .sm\:row-auto { + grid-row: auto !important; } - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .sm\:row-span-1 { + grid-row: span 1 / span 1 !important; } - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .sm\:row-span-2 { + grid-row: span 2 / span 2 !important; } - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .sm\:row-span-3 { + grid-row: span 3 / span 3 !important; } - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .sm\:row-span-4 { + grid-row: span 4 / span 4 !important; } - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .sm\:row-span-5 { + grid-row: span 5 / span 5 !important; } - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .sm\:row-span-6 { + grid-row: span 6 / span 6 !important; } - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .sm\:row-start-1 { + grid-row-start: 1 !important; } - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .sm\:row-start-2 { + grid-row-start: 2 !important; } - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .sm\:row-start-3 { + grid-row-start: 3 !important; } - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .sm\:row-start-4 { + grid-row-start: 4 !important; } - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .sm\:row-start-5 { + grid-row-start: 5 !important; } - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .sm\:row-start-6 { + grid-row-start: 6 !important; } - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .sm\:row-start-7 { + grid-row-start: 7 !important; } - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .sm\:row-start-auto { + grid-row-start: auto !important; } - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .sm\:row-end-1 { + grid-row-end: 1 !important; } - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .sm\:row-end-2 { + grid-row-end: 2 !important; } - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .sm\:row-end-3 { + grid-row-end: 3 !important; } - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .sm\:row-end-4 { + grid-row-end: 4 !important; } - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .sm\:row-end-5 { + grid-row-end: 5 !important; } - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .sm\:row-end-6 { + grid-row-end: 6 !important; } - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .sm\:row-end-7 { + grid-row-end: 7 !important; } - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .sm\:row-end-auto { + grid-row-end: auto !important; } - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !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\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !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\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .sm\:transform-none { + transform: none !important; } - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .sm\:origin-center { + transform-origin: center !important; } - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .sm\:origin-top { + transform-origin: top !important; } - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; + .sm\:origin-top-right { + transform-origin: top right !important; } - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .sm\:origin-right { + transform-origin: right !important; } - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; + .sm\:origin-bottom-right { + transform-origin: bottom right !important; } - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .sm\:origin-bottom { + transform-origin: bottom !important; } - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; + .sm\:origin-bottom-left { + transform-origin: bottom left !important; } - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .sm\:origin-left { + transform-origin: left !important; } - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; + .sm\:origin-top-left { + transform-origin: top left !important; } - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .sm\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; + .sm\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .sm\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; + .sm\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .sm\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; + .sm\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .sm\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; + .sm\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .sm\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; + .sm\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .sm\:scale-x-0 { + --transform-scale-x: 0 !important; } - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; + .sm\:scale-x-50 { + --transform-scale-x: .5 !important; } - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + .sm\:scale-x-75 { + --transform-scale-x: .75 !important; } - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; + .sm\:scale-x-90 { + --transform-scale-x: .9 !important; } - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .sm\:scale-x-95 { + --transform-scale-x: .95 !important; } - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; + .sm\:scale-x-100 { + --transform-scale-x: 1 !important; } - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .sm\:scale-x-105 { + --transform-scale-x: 1.05 !important; } - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; + .sm\:scale-x-110 { + --transform-scale-x: 1.1 !important; } - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .sm\:scale-x-125 { + --transform-scale-x: 1.25 !important; } - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; + .sm\:scale-x-150 { + --transform-scale-x: 1.5 !important; } - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .sm\:scale-y-0 { + --transform-scale-y: 0 !important; } - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; + .sm\:scale-y-50 { + --transform-scale-y: .5 !important; } - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .sm\:scale-y-75 { + --transform-scale-y: .75 !important; } - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; + .sm\:scale-y-90 { + --transform-scale-y: .9 !important; } - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .sm\:scale-y-95 { + --transform-scale-y: .95 !important; } - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; + .sm\:scale-y-100 { + --transform-scale-y: 1 !important; } - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .sm\:scale-y-105 { + --transform-scale-y: 1.05 !important; } - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; + .sm\:scale-y-110 { + --transform-scale-y: 1.1 !important; } - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .sm\:scale-y-125 { + --transform-scale-y: 1.25 !important; } - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; + .sm\:scale-y-150 { + --transform-scale-y: 1.5 !important; } - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; } - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } - .sm\:skew-x-0 { - --transform-skew-x: 0 !important; + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } - .sm\:skew-x-3 { - --transform-skew-x: 3deg !important; + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } - .sm\:skew-x-6 { - --transform-skew-x: 6deg !important; + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } - .sm\:skew-x-12 { - --transform-skew-x: 12deg !important; + .sm\:rotate-0 { + --transform-rotate: 0 !important; } - .sm\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .sm\:rotate-45 { + --transform-rotate: 45deg !important; } - .sm\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .sm\:rotate-90 { + --transform-rotate: 90deg !important; } - .sm\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .sm\:rotate-180 { + --transform-rotate: 180deg !important; } - .sm\:skew-y-0 { - --transform-skew-y: 0 !important; + .sm\:-rotate-180 { + --transform-rotate: -180deg !important; } - .sm\:skew-y-3 { - --transform-skew-y: 3deg !important; + .sm\:-rotate-90 { + --transform-rotate: -90deg !important; } - .sm\:skew-y-6 { - --transform-skew-y: 6deg !important; + .sm\:-rotate-45 { + --transform-rotate: -45deg !important; } - .sm\:skew-y-12 { - --transform-skew-y: 12deg !important; + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; } - .sm\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } - .sm\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } - .sm\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; } - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; + .sm\:translate-x-0 { + --transform-translate-x: 0 !important; } - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem !important; } - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem !important; } - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem !important; } - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; + .sm\:translate-x-4 { + --transform-translate-x: 1rem !important; } - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem !important; } - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem !important; } - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .sm\:translate-x-8 { + --transform-translate-x: 2rem !important; } - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem !important; } - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .sm\:translate-x-12 { + --transform-translate-x: 3rem !important; } - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; + .sm\:translate-x-16 { + --transform-translate-x: 4rem !important; } - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .sm\:translate-x-20 { + --transform-translate-x: 5rem !important; } - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; + .sm\:translate-x-24 { + --transform-translate-x: 6rem !important; } - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .sm\:translate-x-32 { + --transform-translate-x: 8rem !important; } - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; + .sm\:translate-x-40 { + --transform-translate-x: 10rem !important; } - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .sm\:translate-x-48 { + --transform-translate-x: 12rem !important; } - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; + .sm\:translate-x-56 { + --transform-translate-x: 14rem !important; } - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .sm\:translate-x-64 { + --transform-translate-x: 16rem !important; } - .sm\:transition-none { - transition-property: none !important; + .sm\:translate-x-px { + --transform-translate-x: 1px !important; } - .sm\:transition-all { - transition-property: all !important; + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; } - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; } - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; } - .sm\:transition-opacity { - transition-property: opacity !important; + .sm\:-translate-x-4 { + --transform-translate-x: -1rem !important; } - .sm\:transition-shadow { - transition-property: box-shadow !important; + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; } - .sm\:transition-transform { - transition-property: transform !important; + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; } - .sm\:ease-linear { - transition-timing-function: linear !important; + .sm\:-translate-x-8 { + --transform-translate-x: -2rem !important; } - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; } - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .sm\:-translate-x-12 { + --transform-translate-x: -3rem !important; } - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + .sm\:-translate-x-16 { + --transform-translate-x: -4rem !important; } - .sm\:duration-75 { - transition-duration: 75ms !important; + .sm\:-translate-x-20 { + --transform-translate-x: -5rem !important; } - .sm\:duration-100 { - transition-duration: 100ms !important; + .sm\:-translate-x-24 { + --transform-translate-x: -6rem !important; } - .sm\:duration-150 { - transition-duration: 150ms !important; + .sm\:-translate-x-32 { + --transform-translate-x: -8rem !important; } - .sm\:duration-200 { - transition-duration: 200ms !important; + .sm\:-translate-x-40 { + --transform-translate-x: -10rem !important; } - .sm\:duration-300 { - transition-duration: 300ms !important; + .sm\:-translate-x-48 { + --transform-translate-x: -12rem !important; } - .sm\:duration-500 { - transition-duration: 500ms !important; + .sm\:-translate-x-56 { + --transform-translate-x: -14rem !important; } - .sm\:duration-700 { - transition-duration: 700ms !important; + .sm\:-translate-x-64 { + --transform-translate-x: -16rem !important; } - .sm\:duration-1000 { - transition-duration: 1000ms !important; + .sm\:-translate-x-px { + --transform-translate-x: -1px !important; } - .sm\:example { - font-weight: 700; - color: #f56565; + .sm\:-translate-x-full { + --transform-translate-x: -100% !important; } -} -@media (min-width: 768px) { - .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; + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50% !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; + .sm\:translate-x-1\/2 { + --transform-translate-x: 50% !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; + .sm\:translate-x-full { + --transform-translate-x: 100% !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; + .sm\:translate-y-0 { + --transform-translate-y: 0 !important; } - .md\:appearance-none { - appearance: none !important; + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem !important; } - .md\:bg-fixed { - background-attachment: fixed !important; + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem !important; } - .md\:bg-local { - background-attachment: local !important; + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem !important; } - .md\:bg-scroll { - background-attachment: scroll !important; + .sm\:translate-y-4 { + --transform-translate-y: 1rem !important; } - .md\:bg-transparent { - background-color: transparent !important; + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem !important; } - .md\:bg-black { - background-color: #000 !important; + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem !important; } - .md\:bg-white { - background-color: #fff !important; + .sm\:translate-y-8 { + --transform-translate-y: 2rem !important; } - .md\:bg-gray-100 { - background-color: #f7fafc !important; + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem !important; } - .md\:bg-gray-200 { - background-color: #edf2f7 !important; + .sm\:translate-y-12 { + --transform-translate-y: 3rem !important; } - .md\:bg-gray-300 { - background-color: #e2e8f0 !important; + .sm\:translate-y-16 { + --transform-translate-y: 4rem !important; } - .md\:bg-gray-400 { - background-color: #cbd5e0 !important; + .sm\:translate-y-20 { + --transform-translate-y: 5rem !important; } - .md\:bg-gray-500 { - background-color: #a0aec0 !important; + .sm\:translate-y-24 { + --transform-translate-y: 6rem !important; } - .md\:bg-gray-600 { - background-color: #718096 !important; + .sm\:translate-y-32 { + --transform-translate-y: 8rem !important; } - .md\:bg-gray-700 { - background-color: #4a5568 !important; + .sm\:translate-y-40 { + --transform-translate-y: 10rem !important; } - .md\:bg-gray-800 { - background-color: #2d3748 !important; + .sm\:translate-y-48 { + --transform-translate-y: 12rem !important; } - .md\:bg-gray-900 { - background-color: #1a202c !important; + .sm\:translate-y-56 { + --transform-translate-y: 14rem !important; } - .md\:bg-red-100 { - background-color: #fff5f5 !important; + .sm\:translate-y-64 { + --transform-translate-y: 16rem !important; } - .md\:bg-red-200 { - background-color: #fed7d7 !important; + .sm\:translate-y-px { + --transform-translate-y: 1px !important; } - .md\:bg-red-300 { - background-color: #feb2b2 !important; + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; } - .md\:bg-red-400 { - background-color: #fc8181 !important; + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; } - .md\:bg-red-500 { - background-color: #f56565 !important; + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; } - .md\:bg-red-600 { - background-color: #e53e3e !important; + .sm\:-translate-y-4 { + --transform-translate-y: -1rem !important; } - .md\:bg-red-700 { - background-color: #c53030 !important; + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; } - .md\:bg-red-800 { - background-color: #9b2c2c !important; + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; } - .md\:bg-red-900 { - background-color: #742a2a !important; + .sm\:-translate-y-8 { + --transform-translate-y: -2rem !important; } - .md\:bg-orange-100 { - background-color: #fffaf0 !important; + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; } - .md\:bg-orange-200 { - background-color: #feebc8 !important; + .sm\:-translate-y-12 { + --transform-translate-y: -3rem !important; } - .md\:bg-orange-300 { - background-color: #fbd38d !important; + .sm\:-translate-y-16 { + --transform-translate-y: -4rem !important; } - .md\:bg-orange-400 { - background-color: #f6ad55 !important; + .sm\:-translate-y-20 { + --transform-translate-y: -5rem !important; } - .md\:bg-orange-500 { - background-color: #ed8936 !important; + .sm\:-translate-y-24 { + --transform-translate-y: -6rem !important; } - .md\:bg-orange-600 { - background-color: #dd6b20 !important; + .sm\:-translate-y-32 { + --transform-translate-y: -8rem !important; } - .md\:bg-orange-700 { - background-color: #c05621 !important; + .sm\:-translate-y-40 { + --transform-translate-y: -10rem !important; } - .md\:bg-orange-800 { - background-color: #9c4221 !important; + .sm\:-translate-y-48 { + --transform-translate-y: -12rem !important; } - .md\:bg-orange-900 { - background-color: #7b341e !important; + .sm\:-translate-y-56 { + --transform-translate-y: -14rem !important; } - .md\:bg-yellow-100 { - background-color: #fffff0 !important; + .sm\:-translate-y-64 { + --transform-translate-y: -16rem !important; } - .md\:bg-yellow-200 { - background-color: #fefcbf !important; + .sm\:-translate-y-px { + --transform-translate-y: -1px !important; } - .md\:bg-yellow-300 { - background-color: #faf089 !important; + .sm\:-translate-y-full { + --transform-translate-y: -100% !important; } - .md\:bg-yellow-400 { - background-color: #f6e05e !important; + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; } - .md\:bg-yellow-500 { - background-color: #ecc94b !important; + .sm\:translate-y-1\/2 { + --transform-translate-y: 50% !important; } - .md\:bg-yellow-600 { - background-color: #d69e2e !important; + .sm\:translate-y-full { + --transform-translate-y: 100% !important; } - .md\:bg-yellow-700 { - background-color: #b7791f !important; + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; } - .md\:bg-yellow-800 { - background-color: #975a16 !important; + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; } - .md\:bg-yellow-900 { - background-color: #744210 !important; + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; } - .md\:bg-green-100 { - background-color: #f0fff4 !important; + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; } - .md\:bg-green-200 { - background-color: #c6f6d5 !important; + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; } - .md\:bg-green-300 { - background-color: #9ae6b4 !important; + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; } - .md\:bg-green-400 { - background-color: #68d391 !important; + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; } - .md\:bg-green-500 { - background-color: #48bb78 !important; + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; } - .md\:bg-green-600 { - background-color: #38a169 !important; + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; } - .md\:bg-green-700 { - background-color: #2f855a !important; + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; } - .md\:bg-green-800 { - background-color: #276749 !important; + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; } - .md\:bg-green-900 { - background-color: #22543d !important; + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; } - .md\:bg-teal-100 { - background-color: #e6fffa !important; + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; } - .md\:bg-teal-200 { - background-color: #b2f5ea !important; + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; } - .md\:bg-teal-300 { - background-color: #81e6d9 !important; + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; } - .md\:bg-teal-400 { - background-color: #4fd1c5 !important; + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; } - .md\:bg-teal-500 { - background-color: #38b2ac !important; + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; } - .md\:bg-teal-600 { - background-color: #319795 !important; + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; } - .md\:bg-teal-700 { - background-color: #2c7a7b !important; + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; } - .md\:bg-teal-800 { - background-color: #285e61 !important; + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; } - .md\:bg-teal-900 { - background-color: #234e52 !important; + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; } - .md\:bg-blue-100 { - background-color: #ebf8ff !important; + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; } - .md\:bg-blue-200 { - background-color: #bee3f8 !important; + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; } - .md\:bg-blue-300 { - background-color: #90cdf4 !important; + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; } - .md\:bg-blue-400 { - background-color: #63b3ed !important; + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; } - .md\:bg-blue-500 { - background-color: #4299e1 !important; + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; } - .md\:bg-blue-600 { - background-color: #3182ce !important; + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; } - .md\:bg-blue-700 { - background-color: #2b6cb0 !important; + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; } - .md\:bg-blue-800 { - background-color: #2c5282 !important; + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; } - .md\:bg-blue-900 { - background-color: #2a4365 !important; + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; } - .md\:bg-indigo-100 { - background-color: #ebf4ff !important; + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; } - .md\:bg-indigo-200 { - background-color: #c3dafe !important; + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; } - .md\:bg-indigo-300 { - background-color: #a3bffa !important; + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; } - .md\:bg-indigo-400 { - background-color: #7f9cf5 !important; + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; } - .md\:bg-indigo-500 { - background-color: #667eea !important; + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; } - .md\:bg-indigo-600 { - background-color: #5a67d8 !important; + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; } - .md\:bg-indigo-700 { - background-color: #4c51bf !important; + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; } - .md\:bg-indigo-800 { - background-color: #434190 !important; + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; } - .md\:bg-indigo-900 { - background-color: #3c366b !important; + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; } - .md\:bg-purple-100 { - background-color: #faf5ff !important; + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; } - .md\:bg-purple-200 { - background-color: #e9d8fd !important; + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; } - .md\:bg-purple-300 { - background-color: #d6bcfa !important; + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; } - .md\:bg-purple-400 { - background-color: #b794f4 !important; + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; } - .md\:bg-purple-500 { - background-color: #9f7aea !important; + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; } - .md\:bg-purple-600 { - background-color: #805ad5 !important; + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; } - .md\:bg-purple-700 { - background-color: #6b46c1 !important; + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; } - .md\:bg-purple-800 { - background-color: #553c9a !important; + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; } - .md\:bg-purple-900 { - background-color: #44337a !important; + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } - .md\:bg-pink-100 { - background-color: #fff5f7 !important; + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } - .md\:bg-pink-200 { - background-color: #fed7e2 !important; + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } - .md\:bg-pink-300 { - background-color: #fbb6ce !important; + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } - .md\:bg-pink-400 { - background-color: #f687b3 !important; + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } - .md\:bg-pink-500 { - background-color: #ed64a6 !important; + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } - .md\:bg-pink-600 { - background-color: #d53f8c !important; + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } - .md\:bg-pink-700 { - background-color: #b83280 !important; + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } - .md\:bg-pink-800 { - background-color: #97266d !important; + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } - .md\:bg-pink-900 { - background-color: #702459 !important; + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } - .md\:hover\:bg-transparent:hover { - background-color: transparent !important; + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } - .md\:hover\:bg-black:hover { - background-color: #000 !important; + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } - .md\:hover\:bg-white:hover { - background-color: #fff !important; + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } - .md\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } - .md\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } - .md\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } - .md\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } - .md\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } - .md\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; } - .md\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; } - .md\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; } - .md\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; } - .md\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; } - .md\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; } - .md\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; } - .md\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; } - .md\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; } - .md\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; } - .md\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; } - .md\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; } - .md\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; } - .md\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; } - .md\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; } - .md\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; } - .md\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; } - .md\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; } - .md\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; } - .md\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; } - .md\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; } - .md\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; } - .md\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; } - .md\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; } - .md\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; } - .md\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; } - .md\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; } - .md\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; } - .md\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; } - .md\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; } - .md\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; } - .md\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; } - .md\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; } - .md\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; } - .md\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; } - .md\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; } - .md\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; } - .md\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; } - .md\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; } - .md\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; } - .md\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; } - .md\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; } - .md\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; } - .md\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; } - .md\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; } - .md\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; } - .md\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; } - .md\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; } - .md\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; } - .md\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; } - .md\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; } - .md\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; } - .md\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; } - .md\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; } - .md\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; } - .md\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; } - .md\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; } - .md\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; } - .md\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; } - .md\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; } - .md\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; } - .md\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; } - .md\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; } - .md\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; } - .md\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; } - .md\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; } - .md\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; } - .md\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; } - .md\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; } - .md\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; } - .md\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; } - .md\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; } - .md\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; } - .md\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; } - .md\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; } - .md\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; } - .md\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; } - .md\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; } - .md\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !important; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; } - .md\:hover\:bg-pink-400:hover { - background-color: #f687b3 !important; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; } - .md\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !important; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; } - .md\:hover\:bg-pink-600:hover { - background-color: #d53f8c !important; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; } - .md\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; } - .md\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; } - .md\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; } - .md\:focus\:bg-transparent:focus { - background-color: transparent !important; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; } - .md\:focus\:bg-black:focus { - background-color: #000 !important; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; } - .md\:focus\:bg-white:focus { - background-color: #fff !important; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; } - .md\:focus\:bg-gray-100:focus { - background-color: #f7fafc !important; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; } - .md\:focus\:bg-gray-200:focus { - background-color: #edf2f7 !important; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; } - .md\:focus\:bg-gray-300:focus { - background-color: #e2e8f0 !important; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; } - .md\:focus\:bg-gray-400:focus { - background-color: #cbd5e0 !important; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; } - .md\:focus\:bg-gray-500:focus { - background-color: #a0aec0 !important; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; } - .md\:focus\:bg-gray-600:focus { - background-color: #718096 !important; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; } - .md\:focus\:bg-gray-700:focus { - background-color: #4a5568 !important; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; } - .md\:focus\:bg-gray-800:focus { - background-color: #2d3748 !important; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; } - .md\:focus\:bg-gray-900:focus { - background-color: #1a202c !important; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; } - .md\:focus\:bg-red-100:focus { - background-color: #fff5f5 !important; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; } - .md\:focus\:bg-red-200:focus { - background-color: #fed7d7 !important; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; } - .md\:focus\:bg-red-300:focus { - background-color: #feb2b2 !important; + .sm\:skew-x-0 { + --transform-skew-x: 0 !important; } - .md\:focus\:bg-red-400:focus { - background-color: #fc8181 !important; + .sm\:skew-x-3 { + --transform-skew-x: 3deg !important; } - .md\:focus\:bg-red-500:focus { - background-color: #f56565 !important; + .sm\:skew-x-6 { + --transform-skew-x: 6deg !important; } - .md\:focus\:bg-red-600:focus { - background-color: #e53e3e !important; + .sm\:skew-x-12 { + --transform-skew-x: 12deg !important; } - .md\:focus\:bg-red-700:focus { - background-color: #c53030 !important; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg !important; } - .md\:focus\:bg-red-800:focus { - background-color: #9b2c2c !important; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg !important; } - .md\:focus\:bg-red-900:focus { - background-color: #742a2a !important; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg !important; } - .md\:focus\:bg-orange-100:focus { - background-color: #fffaf0 !important; + .sm\:skew-y-0 { + --transform-skew-y: 0 !important; } - .md\:focus\:bg-orange-200:focus { - background-color: #feebc8 !important; + .sm\:skew-y-3 { + --transform-skew-y: 3deg !important; } - .md\:focus\:bg-orange-300:focus { - background-color: #fbd38d !important; + .sm\:skew-y-6 { + --transform-skew-y: 6deg !important; } - .md\:focus\:bg-orange-400:focus { - background-color: #f6ad55 !important; + .sm\:skew-y-12 { + --transform-skew-y: 12deg !important; } - .md\:focus\:bg-orange-500:focus { - background-color: #ed8936 !important; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg !important; } - .md\:focus\:bg-orange-600:focus { - background-color: #dd6b20 !important; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg !important; } - .md\:focus\:bg-orange-700:focus { - background-color: #c05621 !important; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg !important; } - .md\:focus\:bg-orange-800:focus { - background-color: #9c4221 !important; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; } - .md\:focus\:bg-orange-900:focus { - background-color: #7b341e !important; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; } - .md\:focus\:bg-yellow-100:focus { - background-color: #fffff0 !important; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; } - .md\:focus\:bg-yellow-200:focus { - background-color: #fefcbf !important; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; } - .md\:focus\:bg-yellow-300:focus { - background-color: #faf089 !important; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; } - .md\:focus\:bg-yellow-400:focus { - background-color: #f6e05e !important; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; } - .md\:focus\:bg-yellow-500:focus { - background-color: #ecc94b !important; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; } - .md\:focus\:bg-yellow-600:focus { - background-color: #d69e2e !important; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; } - .md\:focus\:bg-yellow-700:focus { - background-color: #b7791f !important; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; } - .md\:focus\:bg-yellow-800:focus { - background-color: #975a16 !important; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; } - .md\:focus\:bg-yellow-900:focus { - background-color: #744210 !important; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; } - .md\:focus\:bg-green-100:focus { - background-color: #f0fff4 !important; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; } - .md\:focus\:bg-green-200:focus { - background-color: #c6f6d5 !important; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; } - .md\:focus\:bg-green-300:focus { - background-color: #9ae6b4 !important; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; } - .md\:focus\:bg-green-400:focus { - background-color: #68d391 !important; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; } - .md\:focus\:bg-green-500:focus { - background-color: #48bb78 !important; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; } - .md\:focus\:bg-green-600:focus { - background-color: #38a169 !important; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; } - .md\:focus\:bg-green-700:focus { - background-color: #2f855a !important; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; } - .md\:focus\:bg-green-800:focus { - background-color: #276749 !important; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; } - .md\:focus\:bg-green-900:focus { - background-color: #22543d !important; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; } - .md\:focus\:bg-teal-100:focus { - background-color: #e6fffa !important; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; } - .md\:focus\:bg-teal-200:focus { - background-color: #b2f5ea !important; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; } - .md\:focus\:bg-teal-300:focus { - background-color: #81e6d9 !important; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; } - .md\:focus\:bg-teal-400:focus { - background-color: #4fd1c5 !important; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; } - .md\:focus\:bg-teal-500:focus { - background-color: #38b2ac !important; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; } - .md\:focus\:bg-teal-600:focus { - background-color: #319795 !important; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; } - .md\:focus\:bg-teal-700:focus { - background-color: #2c7a7b !important; - } - - .md\:focus\:bg-teal-800:focus { - background-color: #285e61 !important; - } - - .md\:focus\:bg-teal-900:focus { - background-color: #234e52 !important; - } - - .md\:focus\:bg-blue-100:focus { - background-color: #ebf8ff !important; - } - - .md\:focus\:bg-blue-200:focus { - background-color: #bee3f8 !important; - } - - .md\:focus\:bg-blue-300:focus { - background-color: #90cdf4 !important; - } - - .md\:focus\:bg-blue-400:focus { - background-color: #63b3ed !important; - } - - .md\:focus\:bg-blue-500:focus { - background-color: #4299e1 !important; - } - - .md\:focus\:bg-blue-600:focus { - background-color: #3182ce !important; - } - - .md\:focus\:bg-blue-700:focus { - background-color: #2b6cb0 !important; - } - - .md\:focus\:bg-blue-800:focus { - background-color: #2c5282 !important; - } - - .md\:focus\:bg-blue-900:focus { - background-color: #2a4365 !important; - } - - .md\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff !important; - } - - .md\:focus\:bg-indigo-200:focus { - background-color: #c3dafe !important; - } - - .md\:focus\:bg-indigo-300:focus { - background-color: #a3bffa !important; - } - - .md\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5 !important; - } - - .md\:focus\:bg-indigo-500:focus { - background-color: #667eea !important; - } - - .md\:focus\:bg-indigo-600:focus { - background-color: #5a67d8 !important; - } - - .md\:focus\:bg-indigo-700:focus { - background-color: #4c51bf !important; - } - - .md\:focus\:bg-indigo-800:focus { - background-color: #434190 !important; - } - - .md\:focus\:bg-indigo-900:focus { - background-color: #3c366b !important; - } - - .md\:focus\:bg-purple-100:focus { - background-color: #faf5ff !important; - } - - .md\:focus\:bg-purple-200:focus { - background-color: #e9d8fd !important; - } - - .md\:focus\:bg-purple-300:focus { - background-color: #d6bcfa !important; - } - - .md\:focus\:bg-purple-400:focus { - background-color: #b794f4 !important; - } - - .md\:focus\:bg-purple-500:focus { - background-color: #9f7aea !important; - } - - .md\:focus\:bg-purple-600:focus { - background-color: #805ad5 !important; - } - - .md\:focus\:bg-purple-700:focus { - background-color: #6b46c1 !important; - } - - .md\:focus\:bg-purple-800:focus { - background-color: #553c9a !important; - } - - .md\:focus\:bg-purple-900:focus { - background-color: #44337a !important; - } - - .md\:focus\:bg-pink-100:focus { - background-color: #fff5f7 !important; - } - - .md\:focus\:bg-pink-200:focus { - background-color: #fed7e2 !important; - } - - .md\:focus\:bg-pink-300:focus { - background-color: #fbb6ce !important; - } - - .md\:focus\:bg-pink-400:focus { - background-color: #f687b3 !important; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; } - .md\:focus\:bg-pink-500:focus { - background-color: #ed64a6 !important; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; } - .md\:focus\:bg-pink-600:focus { - background-color: #d53f8c !important; + .sm\:transition-none { + transition-property: none !important; } - .md\:focus\:bg-pink-700:focus { - background-color: #b83280 !important; + .sm\:transition-all { + transition-property: all !important; } - .md\:focus\:bg-pink-800:focus { - background-color: #97266d !important; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } - .md\:focus\:bg-pink-900:focus { - background-color: #702459 !important; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; } - .md\:bg-bottom { - background-position: bottom !important; + .sm\:transition-opacity { + transition-property: opacity !important; } - .md\:bg-center { - background-position: center !important; + .sm\:transition-shadow { + transition-property: box-shadow !important; } - .md\:bg-left { - background-position: left !important; + .sm\:transition-transform { + transition-property: transform !important; } - .md\:bg-left-bottom { - background-position: left bottom !important; + .sm\:ease-linear { + transition-timing-function: linear !important; } - .md\:bg-left-top { - background-position: left top !important; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } - .md\:bg-right { - background-position: right !important; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } - .md\:bg-right-bottom { - background-position: right bottom !important; + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } - .md\:bg-right-top { - background-position: right top !important; + .sm\:duration-75 { + transition-duration: 75ms !important; } - .md\:bg-top { - background-position: top !important; + .sm\:duration-100 { + transition-duration: 100ms !important; } - .md\:bg-repeat { - background-repeat: repeat !important; + .sm\:duration-150 { + transition-duration: 150ms !important; } - .md\:bg-no-repeat { - background-repeat: no-repeat !important; + .sm\:duration-200 { + transition-duration: 200ms !important; } - .md\:bg-repeat-x { - background-repeat: repeat-x !important; + .sm\:duration-300 { + transition-duration: 300ms !important; } - .md\:bg-repeat-y { - background-repeat: repeat-y !important; + .sm\:duration-500 { + transition-duration: 500ms !important; } - .md\:bg-repeat-round { - background-repeat: round !important; + .sm\:duration-700 { + transition-duration: 700ms !important; } - .md\:bg-repeat-space { - background-repeat: space !important; + .sm\:duration-1000 { + transition-duration: 1000ms !important; } - .md\:bg-auto { - background-size: auto !important; + .sm\:delay-75 { + transition-delay: 75ms !important; } - .md\:bg-cover { - background-size: cover !important; + .sm\:delay-100 { + transition-delay: 100ms !important; } - .md\:bg-contain { - background-size: contain !important; + .sm\:delay-150 { + transition-delay: 150ms !important; } - .md\:border-collapse { - border-collapse: collapse !important; + .sm\:delay-200 { + transition-delay: 200ms !important; } - .md\:border-separate { - border-collapse: separate !important; + .sm\:delay-300 { + transition-delay: 300ms !important; } - .md\:border-transparent { - border-color: transparent !important; + .sm\:delay-500 { + transition-delay: 500ms !important; } - .md\:border-black { - border-color: #000 !important; + .sm\:delay-700 { + transition-delay: 700ms !important; } - .md\:border-white { - border-color: #fff !important; + .sm\:delay-1000 { + transition-delay: 1000ms !important; } - .md\:border-gray-100 { - border-color: #f7fafc !important; + .sm\:example { + font-weight: 700; + color: #f56565; } +} - .md\:border-gray-200 { - border-color: #edf2f7 !important; +@media (min-width: 768px) { + .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\:border-gray-300 { - border-color: #e2e8f0 !important; + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0px * var(--space-x-reverse)) !important; + margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-gray-400 { - border-color: #cbd5e0 !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\:border-gray-500 { - border-color: #a0aec0 !important; + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-gray-600 { - border-color: #718096 !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\:border-gray-700 { - border-color: #4a5568 !important; + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-gray-800 { - border-color: #2d3748 !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\:border-gray-900 { - border-color: #1a202c !important; + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-red-100 { - border-color: #fff5f5 !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\:border-red-200 { - border-color: #fed7d7 !important; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-red-300 { - border-color: #feb2b2 !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\:border-red-400 { - border-color: #fc8181 !important; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-red-500 { - border-color: #f56565 !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\:border-red-600 { - border-color: #e53e3e !important; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-red-700 { - border-color: #c53030 !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\:border-red-800 { - border-color: #9b2c2c !important; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2rem * var(--space-x-reverse)) !important; + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-red-900 { - border-color: #742a2a !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\:border-orange-100 { - border-color: #fffaf0 !important; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-orange-200 { - border-color: #feebc8 !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\:border-orange-300 { - border-color: #fbd38d !important; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(3rem * var(--space-x-reverse)) !important; + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-orange-400 { - border-color: #f6ad55 !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\:border-orange-500 { - border-color: #ed8936 !important; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(4rem * var(--space-x-reverse)) !important; + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-orange-600 { - border-color: #dd6b20 !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\:border-orange-700 { - border-color: #c05621 !important; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(5rem * var(--space-x-reverse)) !important; + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-orange-800 { - border-color: #9c4221 !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\:border-orange-900 { - border-color: #7b341e !important; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(6rem * var(--space-x-reverse)) !important; + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-yellow-100 { - border-color: #fffff0 !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\:border-yellow-200 { - border-color: #fefcbf !important; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(8rem * var(--space-x-reverse)) !important; + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-yellow-300 { - border-color: #faf089 !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\:border-yellow-400 { - border-color: #f6e05e !important; + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(10rem * var(--space-x-reverse)) !important; + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-yellow-500 { - border-color: #ecc94b !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\:border-yellow-600 { - border-color: #d69e2e !important; + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(12rem * var(--space-x-reverse)) !important; + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-yellow-700 { - border-color: #b7791f !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\:border-yellow-800 { - border-color: #975a16 !important; + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(14rem * var(--space-x-reverse)) !important; + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-yellow-900 { - border-color: #744210 !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\:border-green-100 { - border-color: #f0fff4 !important; + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(16rem * var(--space-x-reverse)) !important; + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-green-200 { - border-color: #c6f6d5 !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\:border-green-300 { - border-color: #9ae6b4 !important; + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1px * var(--space-x-reverse)) !important; + margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-green-400 { - border-color: #68d391 !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\:border-green-500 { - border-color: #48bb78 !important; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-green-600 { - border-color: #38a169 !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\:border-green-700 { - border-color: #2f855a !important; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-green-800 { - border-color: #276749 !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\:border-green-900 { - border-color: #22543d !important; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-teal-100 { - border-color: #e6fffa !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\:border-teal-200 { - border-color: #b2f5ea !important; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1rem * var(--space-x-reverse)) !important; + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-teal-300 { - border-color: #81e6d9 !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\:border-teal-400 { - border-color: #4fd1c5 !important; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-teal-500 { - border-color: #38b2ac !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\:border-teal-600 { - border-color: #319795 !important; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-teal-700 { - border-color: #2c7a7b !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\:border-teal-800 { - border-color: #285e61 !important; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2rem * var(--space-x-reverse)) !important; + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-teal-900 { - border-color: #234e52 !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\:border-blue-100 { - border-color: #ebf8ff !important; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-blue-200 { - border-color: #bee3f8 !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\:border-blue-300 { - border-color: #90cdf4 !important; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-3rem * var(--space-x-reverse)) !important; + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-blue-400 { - border-color: #63b3ed !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\:border-blue-500 { - border-color: #4299e1 !important; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-4rem * var(--space-x-reverse)) !important; + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-blue-600 { - border-color: #3182ce !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\:border-blue-700 { - border-color: #2b6cb0 !important; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-5rem * var(--space-x-reverse)) !important; + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-blue-800 { - border-color: #2c5282 !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\:border-blue-900 { - border-color: #2a4365 !important; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-6rem * var(--space-x-reverse)) !important; + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-indigo-100 { - border-color: #ebf4ff !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\:border-indigo-200 { - border-color: #c3dafe !important; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-8rem * var(--space-x-reverse)) !important; + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-indigo-300 { - border-color: #a3bffa !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\:border-indigo-400 { - border-color: #7f9cf5 !important; + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-10rem * var(--space-x-reverse)) !important; + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-indigo-500 { - border-color: #667eea !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\:border-indigo-600 { - border-color: #5a67d8 !important; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-12rem * var(--space-x-reverse)) !important; + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-indigo-700 { - border-color: #4c51bf !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\:border-indigo-800 { - border-color: #434190 !important; + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-14rem * var(--space-x-reverse)) !important; + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-indigo-900 { - border-color: #3c366b !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\:border-purple-100 { - border-color: #faf5ff !important; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-16rem * var(--space-x-reverse)) !important; + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-purple-200 { - border-color: #e9d8fd !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\:border-purple-300 { - border-color: #d6bcfa !important; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1px * var(--space-x-reverse)) !important; + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:border-purple-400 { - border-color: #b794f4 !important; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .md\:border-purple-500 { - border-color: #9f7aea !important; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .md\:border-purple-600 { - border-color: #805ad5 !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\:border-purple-700 { - border-color: #6b46c1 !important; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(0px * var(--divide-x-reverse)) !important; + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:border-purple-800 { - border-color: #553c9a !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\:border-purple-900 { - border-color: #44337a !important; + .md\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(2px * var(--divide-x-reverse)) !important; + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:border-pink-100 { - border-color: #fff5f7 !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\:border-pink-200 { - border-color: #fed7e2 !important; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(4px * var(--divide-x-reverse)) !important; + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:border-pink-300 { - border-color: #fbb6ce !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\:border-pink-400 { - border-color: #f687b3 !important; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(8px * var(--divide-x-reverse)) !important; + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:border-pink-500 { - border-color: #ed64a6 !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\:border-pink-600 { - border-color: #d53f8c !important; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(1px * var(--divide-x-reverse)) !important; + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:border-pink-700 { - border-color: #b83280 !important; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .md\:border-pink-800 { - border-color: #97266d !important; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .md\:border-pink-900 { - border-color: #702459 !important; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .md\:hover\:border-transparent:hover { - border-color: transparent !important; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .md\:hover\:border-black:hover { + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .md\:hover\:border-white:hover { + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-100:hover { + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-200:hover { + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-300:hover { + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-400:hover { + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-500:hover { + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-600:hover { + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-700:hover { + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-800:hover { + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--divide-opacity)) !important; } - .md\:hover\:border-gray-900:hover { + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--divide-opacity)) !important; } - .md\:hover\:border-red-100:hover { + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--divide-opacity)) !important; } - .md\:hover\:border-red-200:hover { + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--divide-opacity)) !important; } - .md\:hover\:border-red-300:hover { + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--divide-opacity)) !important; } - .md\:hover\:border-red-400:hover { + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--divide-opacity)) !important; } - .md\:hover\:border-red-500:hover { + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--divide-opacity)) !important; } - .md\:hover\:border-red-600:hover { + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--divide-opacity)) !important; } - .md\:hover\:border-red-700:hover { + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--divide-opacity)) !important; } - .md\:hover\:border-red-800:hover { + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--divide-opacity)) !important; } - .md\:hover\:border-red-900:hover { + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-100:hover { + .md\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-200:hover { + .md\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-300:hover { + .md\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-400:hover { + .md\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-500:hover { + .md\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-600:hover { + .md\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-700:hover { + .md\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-800:hover { + .md\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--divide-opacity)) !important; } - .md\:hover\:border-orange-900:hover { + .md\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-100:hover { + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-200:hover { + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-300:hover { + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-400:hover { + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-500:hover { + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-600:hover { + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-700:hover { + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-800:hover { + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--divide-opacity)) !important; } - .md\:hover\:border-yellow-900:hover { + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--divide-opacity)) !important; } - .md\:hover\:border-green-100:hover { + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--divide-opacity)) !important; } - .md\:hover\:border-green-200:hover { + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--divide-opacity)) !important; } - .md\:hover\:border-green-300:hover { + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--divide-opacity)) !important; } - .md\:hover\:border-green-400:hover { + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--divide-opacity)) !important; } - .md\:hover\:border-green-500:hover { + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--divide-opacity)) !important; } - .md\:hover\:border-green-600:hover { + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--divide-opacity)) !important; } - .md\:hover\:border-green-700:hover { + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--divide-opacity)) !important; } - .md\:hover\:border-green-800:hover { + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--divide-opacity)) !important; } - .md\:hover\:border-green-900:hover { + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-100:hover { + .md\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-200:hover { + .md\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-300:hover { + .md\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-400:hover { + .md\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-500:hover { + .md\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-600:hover { + .md\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-700:hover { + .md\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-800:hover { + .md\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--divide-opacity)) !important; } - .md\:hover\:border-teal-900:hover { + .md\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-100:hover { + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-200:hover { + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-300:hover { + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-400:hover { + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-500:hover { + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-600:hover { + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-700:hover { + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-800:hover { + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--divide-opacity)) !important; } - .md\:hover\:border-blue-900:hover { + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-100:hover { + .md\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-200:hover { + .md\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-300:hover { + .md\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-400:hover { + .md\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-500:hover { + .md\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-600:hover { + .md\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-700:hover { + .md\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-800:hover { + .md\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--divide-opacity)) !important; } - .md\:hover\:border-indigo-900:hover { + .md\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-100:hover { + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-200:hover { + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-300:hover { + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-400:hover { + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-500:hover { + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-600:hover { + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-700:hover { + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-800:hover { + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--divide-opacity)) !important; } - .md\:hover\:border-purple-900:hover { + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-100:hover { + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-200:hover { + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-300:hover { + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-400:hover { + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-500:hover { + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-600:hover { + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-700:hover { + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-800:hover { + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--divide-opacity)) !important; } - .md\:hover\:border-pink-900:hover { + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--divide-opacity)) !important; } - .md\:focus\:border-transparent:focus { - border-color: transparent !important; + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .md\:focus\:border-black:focus { - border-color: #000 !important; + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .md\:focus\:border-white:focus { - border-color: #fff !important; + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .md\:focus\:border-gray-100:focus { - border-color: #f7fafc !important; + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .md\:focus\:border-gray-200:focus { - border-color: #edf2f7 !important; + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .md\:focus\:border-gray-300:focus { - border-color: #e2e8f0 !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\:border-gray-400:focus { - border-color: #cbd5e0 !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\:border-gray-500:focus { - border-color: #a0aec0 !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\:border-gray-600:focus { - border-color: #718096 !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\:border-gray-700:focus { - border-color: #4a5568 !important; + .md\:appearance-none { + appearance: none !important; } - .md\:focus\:border-gray-800:focus { - border-color: #2d3748 !important; + .md\:bg-fixed { + background-attachment: fixed !important; } - .md\:focus\:border-gray-900:focus { - border-color: #1a202c !important; + .md\:bg-local { + background-attachment: local !important; } - .md\:focus\:border-red-100:focus { - border-color: #fff5f5 !important; + .md\:bg-scroll { + background-attachment: scroll !important; } - .md\:focus\:border-red-200:focus { - border-color: #fed7d7 !important; + .md\:bg-transparent { + background-color: transparent !important; } - .md\:focus\:border-red-300:focus { - border-color: #feb2b2 !important; + .md\:bg-current { + background-color: currentColor !important; } - .md\:focus\:border-red-400:focus { - border-color: #fc8181 !important; + .md\:bg-black { + --bg-opacity: 1 !important; + background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:focus\:border-red-500:focus { - border-color: #f56565 !important; + .md\:bg-white { + --bg-opacity: 1 !important; + background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:focus\:border-red-600:focus { - border-color: #e53e3e !important; + .md\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .md\:focus\:border-red-700:focus { - border-color: #c53030 !important; + .md\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .md\:focus\:border-red-800:focus { - border-color: #9b2c2c !important; + .md\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .md\:focus\:border-red-900:focus { - border-color: #742a2a !important; + .md\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-100:focus { - border-color: #fffaf0 !important; + .md\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-200:focus { - border-color: #feebc8 !important; + .md\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-300:focus { - border-color: #fbd38d !important; + .md\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-400:focus { - border-color: #f6ad55 !important; + .md\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-500:focus { - border-color: #ed8936 !important; + .md\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-600:focus { - border-color: #dd6b20 !important; + .md\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-700:focus { - border-color: #c05621 !important; + .md\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-800:focus { - border-color: #9c4221 !important; + .md\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .md\:focus\:border-orange-900:focus { - border-color: #7b341e !important; + .md\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-100:focus { - border-color: #fffff0 !important; + .md\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-200:focus { - border-color: #fefcbf !important; + .md\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-300:focus { - border-color: #faf089 !important; + .md\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-400:focus { - border-color: #f6e05e !important; + .md\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-500:focus { - border-color: #ecc94b !important; + .md\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-600:focus { - border-color: #d69e2e !important; + .md\:bg-orange-100 { + --bg-opacity: 1 !important; + background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-700:focus { - border-color: #b7791f !important; + .md\:bg-orange-200 { + --bg-opacity: 1 !important; + background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-800:focus { - border-color: #975a16 !important; + .md\:bg-orange-300 { + --bg-opacity: 1 !important; + background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .md\:focus\:border-yellow-900:focus { - border-color: #744210 !important; + .md\:bg-orange-400 { + --bg-opacity: 1 !important; + background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .md\:focus\:border-green-100:focus { - border-color: #f0fff4 !important; + .md\:bg-orange-500 { + --bg-opacity: 1 !important; + background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .md\:focus\:border-green-200:focus { - border-color: #c6f6d5 !important; + .md\:bg-orange-600 { + --bg-opacity: 1 !important; + background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .md\:focus\:border-green-300:focus { - border-color: #9ae6b4 !important; + .md\:bg-orange-700 { + --bg-opacity: 1 !important; + background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .md\:focus\:border-green-400:focus { - border-color: #68d391 !important; + .md\:bg-orange-800 { + --bg-opacity: 1 !important; + background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .md\:focus\:border-green-500:focus { - border-color: #48bb78 !important; + .md\:bg-orange-900 { + --bg-opacity: 1 !important; + background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .md\:focus\:border-green-600:focus { - border-color: #38a169 !important; + .md\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .md\:focus\:border-green-700:focus { - border-color: #2f855a !important; + .md\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .md\:focus\:border-green-800:focus { - border-color: #276749 !important; + .md\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .md\:focus\:border-green-900:focus { - border-color: #22543d !important; + .md\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-100:focus { - border-color: #e6fffa !important; + .md\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-200:focus { - border-color: #b2f5ea !important; + .md\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-300:focus { - border-color: #81e6d9 !important; + .md\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-400:focus { - border-color: #4fd1c5 !important; + .md\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-500:focus { - border-color: #38b2ac !important; + .md\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-600:focus { - border-color: #319795 !important; + .md\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-700:focus { - border-color: #2c7a7b !important; + .md\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-800:focus { - border-color: #285e61 !important; + .md\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .md\:focus\:border-teal-900:focus { - border-color: #234e52 !important; + .md\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-100:focus { - border-color: #ebf8ff !important; + .md\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-200:focus { - border-color: #bee3f8 !important; + .md\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-300:focus { - border-color: #90cdf4 !important; + .md\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-400:focus { - border-color: #63b3ed !important; + .md\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-500:focus { - border-color: #4299e1 !important; + .md\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-600:focus { - border-color: #3182ce !important; + .md\:bg-teal-100 { + --bg-opacity: 1 !important; + background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-700:focus { - border-color: #2b6cb0 !important; + .md\:bg-teal-200 { + --bg-opacity: 1 !important; + background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-800:focus { - border-color: #2c5282 !important; + .md\:bg-teal-300 { + --bg-opacity: 1 !important; + background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .md\:focus\:border-blue-900:focus { - border-color: #2a4365 !important; + .md\:bg-teal-400 { + --bg-opacity: 1 !important; + background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-100:focus { - border-color: #ebf4ff !important; + .md\:bg-teal-500 { + --bg-opacity: 1 !important; + background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-200:focus { - border-color: #c3dafe !important; + .md\:bg-teal-600 { + --bg-opacity: 1 !important; + background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-300:focus { - border-color: #a3bffa !important; + .md\:bg-teal-700 { + --bg-opacity: 1 !important; + background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-400:focus { - border-color: #7f9cf5 !important; + .md\:bg-teal-800 { + --bg-opacity: 1 !important; + background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-500:focus { - border-color: #667eea !important; + .md\:bg-teal-900 { + --bg-opacity: 1 !important; + background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-600:focus { - border-color: #5a67d8 !important; + .md\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-700:focus { - border-color: #4c51bf !important; + .md\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-800:focus { - border-color: #434190 !important; + .md\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .md\:focus\:border-indigo-900:focus { - border-color: #3c366b !important; + .md\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-100:focus { - border-color: #faf5ff !important; + .md\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-200:focus { - border-color: #e9d8fd !important; + .md\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-300:focus { - border-color: #d6bcfa !important; + .md\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-400:focus { - border-color: #b794f4 !important; + .md\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-500:focus { - border-color: #9f7aea !important; + .md\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-600:focus { - border-color: #805ad5 !important; + .md\:bg-indigo-100 { + --bg-opacity: 1 !important; + background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-700:focus { - border-color: #6b46c1 !important; + .md\:bg-indigo-200 { + --bg-opacity: 1 !important; + background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-800:focus { - border-color: #553c9a !important; + .md\:bg-indigo-300 { + --bg-opacity: 1 !important; + background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .md\:focus\:border-purple-900:focus { - border-color: #44337a !important; + .md\:bg-indigo-400 { + --bg-opacity: 1 !important; + background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-100:focus { - border-color: #fff5f7 !important; + .md\:bg-indigo-500 { + --bg-opacity: 1 !important; + background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-200:focus { - border-color: #fed7e2 !important; + .md\:bg-indigo-600 { + --bg-opacity: 1 !important; + background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-300:focus { - border-color: #fbb6ce !important; + .md\:bg-indigo-700 { + --bg-opacity: 1 !important; + background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-400:focus { - border-color: #f687b3 !important; + .md\:bg-indigo-800 { + --bg-opacity: 1 !important; + background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-500:focus { - border-color: #ed64a6 !important; + .md\:bg-indigo-900 { + --bg-opacity: 1 !important; + background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-600:focus { - border-color: #d53f8c !important; + .md\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-700:focus { - border-color: #b83280 !important; + .md\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-800:focus { - border-color: #97266d !important; + .md\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .md\:focus\:border-pink-900:focus { - border-color: #702459 !important; + .md\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .md\:rounded-none { - border-radius: 0 !important; + .md\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .md\:rounded-sm { - border-radius: 0.125rem !important; + .md\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .md\:rounded { - border-radius: 0.25rem !important; + .md\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .md\:rounded-md { - border-radius: 0.375rem !important; + .md\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .md\:rounded-lg { - border-radius: 0.5rem !important; + .md\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .md\:rounded-full { - border-radius: 9999px !important; + .md\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .md\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .md\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .md\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .md\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .md\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .md\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .md\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .md\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .md\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .md\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .md\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .md\:hover\:bg-current:hover { + background-color: currentColor !important; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .md\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .md\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .md\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .md\:rounded-tl-none { - border-top-left-radius: 0 !important; + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .md\:rounded-tr-none { - border-top-right-radius: 0 !important; + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .md\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .md\:hover\:bg-orange-100:hover { + --bg-opacity: 1 !important; + background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .md\:hover\:bg-orange-200:hover { + --bg-opacity: 1 !important; + background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .md\:hover\:bg-orange-300:hover { + --bg-opacity: 1 !important; + background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .md\:hover\:bg-orange-400:hover { + --bg-opacity: 1 !important; + background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .md\:hover\:bg-orange-500:hover { + --bg-opacity: 1 !important; + background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .md\:hover\:bg-orange-600:hover { + --bg-opacity: 1 !important; + background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; + .md\:hover\:bg-orange-700:hover { + --bg-opacity: 1 !important; + background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; + .md\:hover\:bg-orange-800:hover { + --bg-opacity: 1 !important; + background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; + .md\:hover\:bg-orange-900:hover { + --bg-opacity: 1 !important; + background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .md\:border-solid { - border-style: solid !important; + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .md\:border-dashed { - border-style: dashed !important; + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .md\:border-dotted { - border-style: dotted !important; + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .md\:border-double { - border-style: double !important; + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .md\:border-none { - border-style: none !important; + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .md\:border-0 { - border-width: 0 !important; + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .md\:border-2 { - border-width: 2px !important; + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .md\:border-4 { - border-width: 4px !important; + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .md\:border-8 { - border-width: 8px !important; + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .md\:border { - border-width: 1px !important; + .md\:hover\:bg-teal-100:hover { + --bg-opacity: 1 !important; + background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .md\:border-t-0 { - border-top-width: 0 !important; + .md\:hover\:bg-teal-200:hover { + --bg-opacity: 1 !important; + background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .md\:border-r-0 { - border-right-width: 0 !important; + .md\:hover\:bg-teal-300:hover { + --bg-opacity: 1 !important; + background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .md\:border-b-0 { - border-bottom-width: 0 !important; + .md\:hover\:bg-teal-400:hover { + --bg-opacity: 1 !important; + background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .md\:border-l-0 { - border-left-width: 0 !important; + .md\:hover\:bg-teal-500:hover { + --bg-opacity: 1 !important; + background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .md\:border-t-2 { - border-top-width: 2px !important; + .md\:hover\:bg-teal-600:hover { + --bg-opacity: 1 !important; + background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } - .md\:border-r-2 { - border-right-width: 2px !important; + .md\:hover\:bg-teal-700:hover { + --bg-opacity: 1 !important; + background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .md\:border-b-2 { - border-bottom-width: 2px !important; + .md\:hover\:bg-teal-800:hover { + --bg-opacity: 1 !important; + background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .md\:border-l-2 { - border-left-width: 2px !important; + .md\:hover\:bg-teal-900:hover { + --bg-opacity: 1 !important; + background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .md\:border-t-4 { - border-top-width: 4px !important; + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .md\:border-r-4 { - border-right-width: 4px !important; + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .md\:border-b-4 { - border-bottom-width: 4px !important; + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .md\:border-l-4 { - border-left-width: 4px !important; + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .md\:border-t-8 { - border-top-width: 8px !important; + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .md\:border-r-8 { - border-right-width: 8px !important; + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .md\:border-b-8 { - border-bottom-width: 8px !important; + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .md\:border-l-8 { - border-left-width: 8px !important; + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .md\:border-t { - border-top-width: 1px !important; + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .md\:border-r { - border-right-width: 1px !important; + .md\:hover\:bg-indigo-100:hover { + --bg-opacity: 1 !important; + background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .md\:border-b { - border-bottom-width: 1px !important; + .md\:hover\:bg-indigo-200:hover { + --bg-opacity: 1 !important; + background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .md\:border-l { - border-left-width: 1px !important; + .md\:hover\:bg-indigo-300:hover { + --bg-opacity: 1 !important; + background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .md\:box-border { - box-sizing: border-box !important; + .md\:hover\:bg-indigo-400:hover { + --bg-opacity: 1 !important; + background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .md\:box-content { - box-sizing: content-box !important; + .md\:hover\:bg-indigo-500:hover { + --bg-opacity: 1 !important; + background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .md\:cursor-auto { - cursor: auto !important; + .md\:hover\:bg-indigo-600:hover { + --bg-opacity: 1 !important; + background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .md\:cursor-default { - cursor: default !important; + .md\:hover\:bg-indigo-700:hover { + --bg-opacity: 1 !important; + background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .md\:cursor-pointer { - cursor: pointer !important; + .md\:hover\:bg-indigo-800:hover { + --bg-opacity: 1 !important; + background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .md\:cursor-wait { - cursor: wait !important; + .md\:hover\:bg-indigo-900:hover { + --bg-opacity: 1 !important; + background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .md\:cursor-text { - cursor: text !important; + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .md\:cursor-move { - cursor: move !important; + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .md\:cursor-not-allowed { - cursor: not-allowed !important; + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .md\:block { - display: block !important; + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .md\:inline-block { - display: inline-block !important; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .md\:inline { - display: inline !important; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .md\:flex { - display: flex !important; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .md\:inline-flex { - display: inline-flex !important; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .md\:grid { - display: grid !important; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .md\:table { - display: table !important; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .md\:table-caption { - display: table-caption !important; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .md\:table-cell { - display: table-cell !important; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .md\:table-column { - display: table-column !important; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .md\:table-column-group { - display: table-column-group !important; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .md\:table-footer-group { - display: table-footer-group !important; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .md\:table-header-group { - display: table-header-group !important; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .md\:table-row-group { - display: table-row-group !important; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .md\:table-row { - display: table-row !important; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .md\:hidden { - display: none !important; + .md\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .md\:flex-row { - flex-direction: row !important; + .md\:focus\:bg-current:focus { + background-color: currentColor !important; } - .md\:flex-row-reverse { - flex-direction: row-reverse !important; + .md\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:flex-col { - flex-direction: column !important; + .md\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:flex-col-reverse { - flex-direction: column-reverse !important; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } - .md\:flex-wrap { - flex-wrap: wrap !important; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } - .md\:flex-no-wrap { - flex-wrap: nowrap !important; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } - .md\:items-start { - align-items: flex-start !important; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } - .md\:items-end { - align-items: flex-end !important; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } - .md\:items-center { - align-items: center !important; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } - .md\:items-baseline { - align-items: baseline !important; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } - .md\:items-stretch { - align-items: stretch !important; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } - .md\:self-auto { - align-self: auto !important; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } - .md\:self-start { - align-self: flex-start !important; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } - .md\:self-end { - align-self: flex-end !important; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } - .md\:self-center { - align-self: center !important; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } - .md\:self-stretch { - align-self: stretch !important; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } - .md\:justify-start { - justify-content: flex-start !important; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } - .md\:justify-end { - justify-content: flex-end !important; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } - .md\:justify-center { - justify-content: center !important; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } - .md\:justify-between { - justify-content: space-between !important; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } - .md\:justify-around { - justify-content: space-around !important; + .md\:focus\:bg-orange-100:focus { + --bg-opacity: 1 !important; + background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } - .md\:justify-evenly { - justify-content: space-evenly !important; + .md\:focus\:bg-orange-200:focus { + --bg-opacity: 1 !important; + background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } - .md\:content-center { - align-content: center !important; + .md\:focus\:bg-orange-300:focus { + --bg-opacity: 1 !important; + background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } - .md\:content-start { - align-content: flex-start !important; + .md\:focus\:bg-orange-400:focus { + --bg-opacity: 1 !important; + background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } - .md\:content-end { - align-content: flex-end !important; + .md\:focus\:bg-orange-500:focus { + --bg-opacity: 1 !important; + background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } - .md\:content-between { - align-content: space-between !important; + .md\:focus\:bg-orange-600:focus { + --bg-opacity: 1 !important; + background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } - .md\:content-around { - align-content: space-around !important; + .md\:focus\:bg-orange-700:focus { + --bg-opacity: 1 !important; + background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } - .md\:flex-1 { - flex: 1 1 0% !important; + .md\:focus\:bg-orange-800:focus { + --bg-opacity: 1 !important; + background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } - .md\:flex-auto { - flex: 1 1 auto !important; + .md\:focus\:bg-orange-900:focus { + --bg-opacity: 1 !important; + background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } - .md\:flex-initial { - flex: 0 1 auto !important; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } - .md\:flex-none { - flex: none !important; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } - .md\:flex-grow-0 { - flex-grow: 0 !important; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } - .md\:flex-grow { - flex-grow: 1 !important; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } - .md\:flex-shrink-0 { - flex-shrink: 0 !important; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } - .md\:flex-shrink { - flex-shrink: 1 !important; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } - .md\:order-1 { - order: 1 !important; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } - .md\:order-2 { - order: 2 !important; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } - .md\:order-3 { - order: 3 !important; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } - .md\:order-4 { - order: 4 !important; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } - .md\:order-5 { - order: 5 !important; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } - .md\:order-6 { - order: 6 !important; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } - .md\:order-7 { - order: 7 !important; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } - .md\:order-8 { - order: 8 !important; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } - .md\:order-9 { - order: 9 !important; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } - .md\:order-10 { - order: 10 !important; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } - .md\:order-11 { - order: 11 !important; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } - .md\:order-12 { - order: 12 !important; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } - .md\:order-first { - order: -9999 !important; + .md\:focus\:bg-teal-100:focus { + --bg-opacity: 1 !important; + background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } - .md\:order-last { - order: 9999 !important; + .md\:focus\:bg-teal-200:focus { + --bg-opacity: 1 !important; + background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } - .md\:order-none { - order: 0 !important; + .md\:focus\:bg-teal-300:focus { + --bg-opacity: 1 !important; + background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } - .md\:float-right { - float: right !important; + .md\:focus\:bg-teal-400:focus { + --bg-opacity: 1 !important; + background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } - .md\:float-left { - float: left !important; + .md\:focus\:bg-teal-500:focus { + --bg-opacity: 1 !important; + background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } - .md\:float-none { - float: none !important; + .md\:focus\:bg-teal-600:focus { + --bg-opacity: 1 !important; + background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } - .md\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .md\:focus\:bg-teal-700:focus { + --bg-opacity: 1 !important; + background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } - .md\:clear-left { - clear: left !important; + .md\:focus\:bg-teal-800:focus { + --bg-opacity: 1 !important; + background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } - .md\:clear-right { - clear: right !important; + .md\:focus\:bg-teal-900:focus { + --bg-opacity: 1 !important; + background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } - .md\:clear-both { - clear: both !important; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } - .md\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } - .md\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } - .md\:font-hairline { - font-weight: 100 !important; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } - .md\:font-thin { - font-weight: 200 !important; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } - .md\:font-light { - font-weight: 300 !important; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } - .md\:font-normal { - font-weight: 400 !important; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } - .md\:font-medium { - font-weight: 500 !important; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } - .md\:font-semibold { - font-weight: 600 !important; + .md\:focus\:bg-indigo-100:focus { + --bg-opacity: 1 !important; + background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } - .md\:font-bold { - font-weight: 700 !important; + .md\:focus\:bg-indigo-200:focus { + --bg-opacity: 1 !important; + background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } - .md\:font-extrabold { - font-weight: 800 !important; + .md\:focus\:bg-indigo-300:focus { + --bg-opacity: 1 !important; + background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } - .md\:font-black { - font-weight: 900 !important; + .md\:focus\:bg-indigo-400:focus { + --bg-opacity: 1 !important; + background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } - .md\:hover\:font-hairline:hover { - font-weight: 100 !important; + .md\:focus\:bg-indigo-500:focus { + --bg-opacity: 1 !important; + background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } - .md\:hover\:font-thin:hover { - font-weight: 200 !important; + .md\:focus\:bg-indigo-600:focus { + --bg-opacity: 1 !important; + background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } - .md\:hover\:font-light:hover { - font-weight: 300 !important; + .md\:focus\:bg-indigo-700:focus { + --bg-opacity: 1 !important; + background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } - .md\:hover\:font-normal:hover { - font-weight: 400 !important; + .md\:focus\:bg-indigo-800:focus { + --bg-opacity: 1 !important; + background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } - .md\:hover\:font-medium:hover { - font-weight: 500 !important; + .md\:focus\:bg-indigo-900:focus { + --bg-opacity: 1 !important; + background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } - .md\:hover\:font-semibold:hover { - font-weight: 600 !important; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } - .md\:hover\:font-bold:hover { - font-weight: 700 !important; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } - .md\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } - .md\:hover\:font-black:hover { - font-weight: 900 !important; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } - .md\:focus\:font-hairline:focus { - font-weight: 100 !important; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } - .md\:focus\:font-thin:focus { - font-weight: 200 !important; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } - .md\:focus\:font-light:focus { - font-weight: 300 !important; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } - .md\:focus\:font-normal:focus { - font-weight: 400 !important; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } - .md\:focus\:font-medium:focus { - font-weight: 500 !important; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } - .md\:focus\:font-semibold:focus { - font-weight: 600 !important; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } - .md\:focus\:font-bold:focus { - font-weight: 700 !important; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } - .md\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } - .md\:focus\:font-black:focus { - font-weight: 900 !important; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } - .md\:h-0 { - height: 0 !important; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } - .md\:h-1 { - height: 0.25rem !important; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } - .md\:h-2 { - height: 0.5rem !important; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } - .md\:h-3 { - height: 0.75rem !important; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } - .md\:h-4 { - height: 1rem !important; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } - .md\:h-5 { - height: 1.25rem !important; + .md\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .md\:h-6 { - height: 1.5rem !important; + .md\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .md\:h-8 { - height: 2rem !important; + .md\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .md\:h-10 { - height: 2.5rem !important; + .md\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .md\:h-12 { - height: 3rem !important; + .md\:bg-opacity-100 { + --bg-opacity: 1 !important; } - .md\:h-16 { - height: 4rem !important; + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; } - .md\:h-20 { - height: 5rem !important; + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; } - .md\:h-24 { - height: 6rem !important; + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; } - .md\:h-32 { - height: 8rem !important; + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; } - .md\:h-40 { - height: 10rem !important; + .md\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; } - .md\:h-48 { - height: 12rem !important; + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; } - .md\:h-56 { - height: 14rem !important; + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; } - .md\:h-64 { - height: 16rem !important; + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; } - .md\:h-auto { - height: auto !important; + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; } - .md\:h-px { - height: 1px !important; + .md\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } - .md\:h-full { - height: 100% !important; + .md\:bg-bottom { + background-position: bottom !important; } - .md\:h-screen { - height: 100vh !important; + .md\:bg-center { + background-position: center !important; } - .md\:leading-3 { - line-height: .75rem !important; + .md\:bg-left { + background-position: left !important; } - .md\:leading-4 { - line-height: 1rem !important; + .md\:bg-left-bottom { + background-position: left bottom !important; } - .md\:leading-5 { - line-height: 1.25rem !important; + .md\:bg-left-top { + background-position: left top !important; } - .md\:leading-6 { - line-height: 1.5rem !important; + .md\:bg-right { + background-position: right !important; } - .md\:leading-7 { - line-height: 1.75rem !important; + .md\:bg-right-bottom { + background-position: right bottom !important; } - .md\:leading-8 { - line-height: 2rem !important; + .md\:bg-right-top { + background-position: right top !important; } - .md\:leading-9 { - line-height: 2.25rem !important; + .md\:bg-top { + background-position: top !important; } - .md\:leading-10 { - line-height: 2.5rem !important; + .md\:bg-repeat { + background-repeat: repeat !important; } - .md\:leading-none { - line-height: 1 !important; + .md\:bg-no-repeat { + background-repeat: no-repeat !important; } - .md\:leading-tight { - line-height: 1.25 !important; + .md\:bg-repeat-x { + background-repeat: repeat-x !important; } - .md\:leading-snug { - line-height: 1.375 !important; + .md\:bg-repeat-y { + background-repeat: repeat-y !important; } - .md\:leading-normal { - line-height: 1.5 !important; + .md\:bg-repeat-round { + background-repeat: round !important; } - .md\:leading-relaxed { - line-height: 1.625 !important; + .md\:bg-repeat-space { + background-repeat: space !important; } - .md\:leading-loose { - line-height: 2 !important; + .md\:bg-auto { + background-size: auto !important; } - .md\:list-inside { - list-style-position: inside !important; + .md\:bg-cover { + background-size: cover !important; } - .md\:list-outside { - list-style-position: outside !important; + .md\:bg-contain { + background-size: contain !important; } - .md\:list-none { - list-style-type: none !important; + .md\:border-collapse { + border-collapse: collapse !important; } - .md\:list-disc { - list-style-type: disc !important; + .md\:border-separate { + border-collapse: separate !important; } - .md\:list-decimal { - list-style-type: decimal !important; + .md\:border-transparent { + border-color: transparent !important; } - .md\:m-0 { - margin: 0 !important; + .md\:border-current { + border-color: currentColor !important; } - .md\:m-1 { - margin: 0.25rem !important; + .md\:border-black { + --border-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .md\:m-2 { - margin: 0.5rem !important; + .md\:border-white { + --border-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .md\:m-3 { - margin: 0.75rem !important; + .md\:border-gray-100 { + --border-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .md\:m-4 { - margin: 1rem !important; + .md\:border-gray-200 { + --border-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .md\:m-5 { - margin: 1.25rem !important; + .md\:border-gray-300 { + --border-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .md\:m-6 { - margin: 1.5rem !important; + .md\:border-gray-400 { + --border-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .md\:m-8 { - margin: 2rem !important; + .md\:border-gray-500 { + --border-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .md\:m-10 { - margin: 2.5rem !important; + .md\:border-gray-600 { + --border-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .md\:m-12 { - margin: 3rem !important; + .md\:border-gray-700 { + --border-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .md\:m-16 { - margin: 4rem !important; + .md\:border-gray-800 { + --border-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .md\:m-20 { - margin: 5rem !important; + .md\:border-gray-900 { + --border-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .md\:m-24 { - margin: 6rem !important; + .md\:border-red-100 { + --border-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .md\:m-32 { - margin: 8rem !important; + .md\:border-red-200 { + --border-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .md\:m-40 { - margin: 10rem !important; + .md\:border-red-300 { + --border-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .md\:m-48 { - margin: 12rem !important; + .md\:border-red-400 { + --border-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .md\:m-56 { - margin: 14rem !important; + .md\:border-red-500 { + --border-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .md\:m-64 { - margin: 16rem !important; + .md\:border-red-600 { + --border-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .md\:m-auto { - margin: auto !important; + .md\:border-red-700 { + --border-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .md\:m-px { - margin: 1px !important; + .md\:border-red-800 { + --border-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .md\:-m-1 { - margin: -0.25rem !important; + .md\:border-red-900 { + --border-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .md\:-m-2 { - margin: -0.5rem !important; + .md\:border-orange-100 { + --border-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .md\:-m-3 { - margin: -0.75rem !important; + .md\:border-orange-200 { + --border-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .md\:-m-4 { - margin: -1rem !important; + .md\:border-orange-300 { + --border-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .md\:-m-5 { - margin: -1.25rem !important; + .md\:border-orange-400 { + --border-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .md\:-m-6 { - margin: -1.5rem !important; + .md\:border-orange-500 { + --border-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .md\:-m-8 { - margin: -2rem !important; + .md\:border-orange-600 { + --border-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .md\:-m-10 { - margin: -2.5rem !important; + .md\:border-orange-700 { + --border-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .md\:-m-12 { - margin: -3rem !important; + .md\:border-orange-800 { + --border-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .md\:-m-16 { - margin: -4rem !important; + .md\:border-orange-900 { + --border-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .md\:-m-20 { - margin: -5rem !important; + .md\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .md\:-m-24 { - margin: -6rem !important; + .md\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .md\:-m-32 { - margin: -8rem !important; + .md\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .md\:-m-40 { - margin: -10rem !important; + .md\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .md\:-m-48 { - margin: -12rem !important; + .md\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .md\:-m-56 { - margin: -14rem !important; + .md\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .md\:-m-64 { - margin: -16rem !important; + .md\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .md\:-m-px { - margin: -1px !important; + .md\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .md\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .md\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .md\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .md\:border-green-100 { + --border-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .md\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .md\:border-green-200 { + --border-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .md\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .md\:border-green-300 { + --border-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } - .md\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .md\:border-green-400 { + --border-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .md\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .md\:border-green-500 { + --border-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .md\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .md\:border-green-600 { + --border-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .md\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .md\:border-green-700 { + --border-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .md\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .md\:border-green-800 { + --border-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .md\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .md\:border-green-900 { + --border-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .md\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .md\:border-teal-100 { + --border-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .md\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .md\:border-teal-200 { + --border-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .md\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .md\:border-teal-300 { + --border-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .md\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .md\:border-teal-400 { + --border-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .md\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .md\:border-teal-500 { + --border-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .md\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .md\:border-teal-600 { + --border-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .md\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .md\:border-teal-700 { + --border-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .md\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .md\:border-teal-800 { + --border-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .md\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .md\:border-teal-900 { + --border-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .md\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .md\:border-blue-100 { + --border-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .md\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .md\:border-blue-200 { + --border-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .md\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .md\:border-blue-300 { + --border-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .md\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .md\:border-blue-400 { + --border-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .md\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .md\:border-blue-500 { + --border-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .md\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .md\:border-blue-600 { + --border-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .md\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .md\:border-blue-700 { + --border-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .md\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .md\:border-blue-800 { + --border-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .md\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .md\:border-blue-900 { + --border-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .md\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .md\:border-indigo-100 { + --border-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .md\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .md\:border-indigo-200 { + --border-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .md\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .md\:border-indigo-300 { + --border-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .md\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .md\:border-indigo-400 { + --border-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .md\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .md\:border-indigo-500 { + --border-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .md\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .md\:border-indigo-600 { + --border-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .md\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .md\:border-indigo-700 { + --border-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .md\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .md\:border-indigo-800 { + --border-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .md\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .md\:border-indigo-900 { + --border-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .md\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .md\:border-purple-100 { + --border-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .md\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .md\:border-purple-200 { + --border-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .md\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .md\:border-purple-300 { + --border-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .md\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .md\:border-purple-400 { + --border-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .md\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .md\:border-purple-500 { + --border-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .md\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .md\:border-purple-600 { + --border-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .md\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .md\:border-purple-700 { + --border-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .md\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .md\:border-purple-800 { + --border-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .md\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .md\:border-purple-900 { + --border-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .md\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .md\:border-pink-100 { + --border-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .md\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .md\:border-pink-200 { + --border-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .md\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .md\:border-pink-300 { + --border-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .md\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .md\:border-pink-400 { + --border-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .md\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .md\:border-pink-500 { + --border-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .md\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .md\:border-pink-600 { + --border-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .md\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .md\:border-pink-700 { + --border-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .md\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .md\:border-pink-800 { + --border-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .md\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .md\:border-pink-900 { + --border-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .md\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .md\:hover\:border-transparent:hover { + border-color: transparent !important; } - .md\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .md\:hover\:border-current:hover { + border-color: currentColor !important; } - .md\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .md\:hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .md\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .md\:hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .md\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .md\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .md\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .md\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .md\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .md\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .md\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .md\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .md\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .md\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .md\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .md\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .md\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .md\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .md\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .md\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .md\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .md\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .md\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .md\:hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .md\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .md\:hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .md\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .md\:hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .md\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .md\:hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .md\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .md\:hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .md\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .md\:hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .md\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .md\:hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .md\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .md\:hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .md\:mt-0 { - margin-top: 0 !important; + .md\:hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .md\:mr-0 { - margin-right: 0 !important; + .md\:hover\:border-orange-100:hover { + --border-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .md\:mb-0 { - margin-bottom: 0 !important; + .md\:hover\:border-orange-200:hover { + --border-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .md\:ml-0 { - margin-left: 0 !important; + .md\:hover\:border-orange-300:hover { + --border-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .md\:mt-1 { - margin-top: 0.25rem !important; + .md\:hover\:border-orange-400:hover { + --border-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .md\:mr-1 { - margin-right: 0.25rem !important; + .md\:hover\:border-orange-500:hover { + --border-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .md\:mb-1 { - margin-bottom: 0.25rem !important; + .md\:hover\:border-orange-600:hover { + --border-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .md\:ml-1 { - margin-left: 0.25rem !important; + .md\:hover\:border-orange-700:hover { + --border-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .md\:mt-2 { - margin-top: 0.5rem !important; + .md\:hover\:border-orange-800:hover { + --border-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .md\:mr-2 { - margin-right: 0.5rem !important; + .md\:hover\:border-orange-900:hover { + --border-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .md\:mb-2 { - margin-bottom: 0.5rem !important; + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .md\:ml-2 { - margin-left: 0.5rem !important; + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .md\:mt-3 { - margin-top: 0.75rem !important; + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .md\:mr-3 { - margin-right: 0.75rem !important; + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .md\:mb-3 { - margin-bottom: 0.75rem !important; + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .md\:ml-3 { - margin-left: 0.75rem !important; + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .md\:mt-4 { - margin-top: 1rem !important; + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .md\:mr-4 { - margin-right: 1rem !important; + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .md\:mb-4 { - margin-bottom: 1rem !important; + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .md\:ml-4 { - margin-left: 1rem !important; + .md\:hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .md\:mt-5 { - margin-top: 1.25rem !important; + .md\:hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .md\:mr-5 { - margin-right: 1.25rem !important; + .md\:hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } - .md\:mb-5 { - margin-bottom: 1.25rem !important; + .md\:hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .md\:ml-5 { - margin-left: 1.25rem !important; + .md\:hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .md\:mt-6 { - margin-top: 1.5rem !important; + .md\:hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .md\:mr-6 { - margin-right: 1.5rem !important; + .md\:hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .md\:mb-6 { - margin-bottom: 1.5rem !important; + .md\:hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .md\:ml-6 { - margin-left: 1.5rem !important; + .md\:hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .md\:mt-8 { - margin-top: 2rem !important; + .md\:hover\:border-teal-100:hover { + --border-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .md\:mr-8 { - margin-right: 2rem !important; + .md\:hover\:border-teal-200:hover { + --border-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .md\:mb-8 { - margin-bottom: 2rem !important; + .md\:hover\:border-teal-300:hover { + --border-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .md\:ml-8 { - margin-left: 2rem !important; + .md\:hover\:border-teal-400:hover { + --border-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .md\:mt-10 { - margin-top: 2.5rem !important; + .md\:hover\:border-teal-500:hover { + --border-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .md\:mr-10 { - margin-right: 2.5rem !important; + .md\:hover\:border-teal-600:hover { + --border-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .md\:mb-10 { - margin-bottom: 2.5rem !important; + .md\:hover\:border-teal-700:hover { + --border-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .md\:ml-10 { - margin-left: 2.5rem !important; + .md\:hover\:border-teal-800:hover { + --border-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .md\:mt-12 { - margin-top: 3rem !important; + .md\:hover\:border-teal-900:hover { + --border-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .md\:mr-12 { - margin-right: 3rem !important; + .md\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .md\:mb-12 { - margin-bottom: 3rem !important; + .md\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .md\:ml-12 { - margin-left: 3rem !important; + .md\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .md\:mt-16 { - margin-top: 4rem !important; + .md\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .md\:mr-16 { - margin-right: 4rem !important; + .md\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .md\:mb-16 { - margin-bottom: 4rem !important; + .md\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .md\:ml-16 { - margin-left: 4rem !important; + .md\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .md\:mt-20 { - margin-top: 5rem !important; + .md\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .md\:mr-20 { - margin-right: 5rem !important; + .md\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .md\:mb-20 { - margin-bottom: 5rem !important; + .md\:hover\:border-indigo-100:hover { + --border-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .md\:ml-20 { - margin-left: 5rem !important; + .md\:hover\:border-indigo-200:hover { + --border-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .md\:mt-24 { - margin-top: 6rem !important; + .md\:hover\:border-indigo-300:hover { + --border-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .md\:mr-24 { - margin-right: 6rem !important; + .md\:hover\:border-indigo-400:hover { + --border-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .md\:mb-24 { - margin-bottom: 6rem !important; + .md\:hover\:border-indigo-500:hover { + --border-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .md\:ml-24 { - margin-left: 6rem !important; + .md\:hover\:border-indigo-600:hover { + --border-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .md\:mt-32 { - margin-top: 8rem !important; + .md\:hover\:border-indigo-700:hover { + --border-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .md\:mr-32 { - margin-right: 8rem !important; + .md\:hover\:border-indigo-800:hover { + --border-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .md\:mb-32 { - margin-bottom: 8rem !important; + .md\:hover\:border-indigo-900:hover { + --border-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .md\:ml-32 { - margin-left: 8rem !important; + .md\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .md\:mt-40 { - margin-top: 10rem !important; + .md\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .md\:mr-40 { - margin-right: 10rem !important; + .md\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .md\:mb-40 { - margin-bottom: 10rem !important; + .md\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .md\:ml-40 { - margin-left: 10rem !important; + .md\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .md\:mt-48 { - margin-top: 12rem !important; + .md\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .md\:mr-48 { - margin-right: 12rem !important; + .md\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .md\:mb-48 { - margin-bottom: 12rem !important; + .md\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .md\:ml-48 { - margin-left: 12rem !important; + .md\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .md\:mt-56 { - margin-top: 14rem !important; + .md\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .md\:mr-56 { - margin-right: 14rem !important; + .md\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .md\:mb-56 { - margin-bottom: 14rem !important; + .md\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .md\:ml-56 { - margin-left: 14rem !important; + .md\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .md\:mt-64 { - margin-top: 16rem !important; + .md\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .md\:mr-64 { - margin-right: 16rem !important; + .md\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .md\:mb-64 { - margin-bottom: 16rem !important; + .md\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .md\:ml-64 { - margin-left: 16rem !important; + .md\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .md\:mt-auto { - margin-top: auto !important; + .md\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .md\:mr-auto { - margin-right: auto !important; + .md\:focus\:border-transparent:focus { + border-color: transparent !important; } - .md\:mb-auto { - margin-bottom: auto !important; + .md\:focus\:border-current:focus { + border-color: currentColor !important; } - .md\:ml-auto { - margin-left: auto !important; + .md\:focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .md\:mt-px { - margin-top: 1px !important; + .md\:focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .md\:mr-px { - margin-right: 1px !important; + .md\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } - .md\:mb-px { - margin-bottom: 1px !important; + .md\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } - .md\:ml-px { - margin-left: 1px !important; + .md\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } - .md\:-mt-1 { - margin-top: -0.25rem !important; + .md\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } - .md\:-mr-1 { - margin-right: -0.25rem !important; + .md\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } - .md\:-mb-1 { - margin-bottom: -0.25rem !important; + .md\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } - .md\:-ml-1 { - margin-left: -0.25rem !important; + .md\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } - .md\:-mt-2 { - margin-top: -0.5rem !important; + .md\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } - .md\:-mr-2 { - margin-right: -0.5rem !important; + .md\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } - .md\:-mb-2 { - margin-bottom: -0.5rem !important; + .md\:focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } - .md\:-ml-2 { - margin-left: -0.5rem !important; + .md\:focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } - .md\:-mt-3 { - margin-top: -0.75rem !important; + .md\:focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } - .md\:-mr-3 { - margin-right: -0.75rem !important; + .md\:focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } - .md\:-mb-3 { - margin-bottom: -0.75rem !important; + .md\:focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } - .md\:-ml-3 { - margin-left: -0.75rem !important; + .md\:focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } - .md\:-mt-4 { - margin-top: -1rem !important; + .md\:focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } - .md\:-mr-4 { - margin-right: -1rem !important; + .md\:focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } - .md\:-mb-4 { - margin-bottom: -1rem !important; + .md\:focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } - .md\:-ml-4 { - margin-left: -1rem !important; + .md\:focus\:border-orange-100:focus { + --border-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } - .md\:-mt-5 { - margin-top: -1.25rem !important; + .md\:focus\:border-orange-200:focus { + --border-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } - .md\:-mr-5 { - margin-right: -1.25rem !important; + .md\:focus\:border-orange-300:focus { + --border-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } - .md\:-mb-5 { - margin-bottom: -1.25rem !important; + .md\:focus\:border-orange-400:focus { + --border-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } - .md\:-ml-5 { - margin-left: -1.25rem !important; + .md\:focus\:border-orange-500:focus { + --border-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } - .md\:-mt-6 { - margin-top: -1.5rem !important; + .md\:focus\:border-orange-600:focus { + --border-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } - .md\:-mr-6 { - margin-right: -1.5rem !important; + .md\:focus\:border-orange-700:focus { + --border-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } - .md\:-mb-6 { - margin-bottom: -1.5rem !important; + .md\:focus\:border-orange-800:focus { + --border-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } - .md\:-ml-6 { - margin-left: -1.5rem !important; + .md\:focus\:border-orange-900:focus { + --border-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } - .md\:-mt-8 { - margin-top: -2rem !important; + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } - .md\:-mr-8 { - margin-right: -2rem !important; + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } - .md\:-mb-8 { - margin-bottom: -2rem !important; + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } - .md\:-ml-8 { - margin-left: -2rem !important; + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } - .md\:-mt-10 { - margin-top: -2.5rem !important; + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } - .md\:-mr-10 { - margin-right: -2.5rem !important; + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } - .md\:-mb-10 { - margin-bottom: -2.5rem !important; + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } - .md\:-ml-10 { - margin-left: -2.5rem !important; + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } - .md\:-mt-12 { - margin-top: -3rem !important; + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } - .md\:-mr-12 { - margin-right: -3rem !important; + .md\:focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } - .md\:-mb-12 { - margin-bottom: -3rem !important; + .md\:focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } - .md\:-ml-12 { - margin-left: -3rem !important; + .md\:focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } - .md\:-mt-16 { - margin-top: -4rem !important; + .md\:focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } - .md\:-mr-16 { - margin-right: -4rem !important; + .md\:focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } - .md\:-mb-16 { - margin-bottom: -4rem !important; + .md\:focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } - .md\:-ml-16 { - margin-left: -4rem !important; + .md\:focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } - .md\:-mt-20 { - margin-top: -5rem !important; + .md\:focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } - .md\:-mr-20 { - margin-right: -5rem !important; + .md\:focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } - .md\:-mb-20 { - margin-bottom: -5rem !important; + .md\:focus\:border-teal-100:focus { + --border-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } - .md\:-ml-20 { - margin-left: -5rem !important; + .md\:focus\:border-teal-200:focus { + --border-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } - .md\:-mt-24 { - margin-top: -6rem !important; + .md\:focus\:border-teal-300:focus { + --border-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } - .md\:-mr-24 { - margin-right: -6rem !important; + .md\:focus\:border-teal-400:focus { + --border-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } - .md\:-mb-24 { - margin-bottom: -6rem !important; + .md\:focus\:border-teal-500:focus { + --border-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } - .md\:-ml-24 { - margin-left: -6rem !important; + .md\:focus\:border-teal-600:focus { + --border-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } - .md\:-mt-32 { - margin-top: -8rem !important; + .md\:focus\:border-teal-700:focus { + --border-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } - .md\:-mr-32 { - margin-right: -8rem !important; + .md\:focus\:border-teal-800:focus { + --border-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } - .md\:-mb-32 { - margin-bottom: -8rem !important; + .md\:focus\:border-teal-900:focus { + --border-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } - .md\:-ml-32 { - margin-left: -8rem !important; + .md\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } - .md\:-mt-40 { - margin-top: -10rem !important; + .md\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } - .md\:-mr-40 { - margin-right: -10rem !important; + .md\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } - .md\:-mb-40 { - margin-bottom: -10rem !important; + .md\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } - .md\:-ml-40 { - margin-left: -10rem !important; + .md\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } - .md\:-mt-48 { - margin-top: -12rem !important; + .md\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } - .md\:-mr-48 { - margin-right: -12rem !important; + .md\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } - .md\:-mb-48 { - margin-bottom: -12rem !important; + .md\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } - .md\:-ml-48 { - margin-left: -12rem !important; + .md\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } - .md\:-mt-56 { - margin-top: -14rem !important; + .md\:focus\:border-indigo-100:focus { + --border-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } - .md\:-mr-56 { - margin-right: -14rem !important; + .md\:focus\:border-indigo-200:focus { + --border-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } - .md\:-mb-56 { - margin-bottom: -14rem !important; + .md\:focus\:border-indigo-300:focus { + --border-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } - .md\:-ml-56 { - margin-left: -14rem !important; + .md\:focus\:border-indigo-400:focus { + --border-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } - .md\:-mt-64 { - margin-top: -16rem !important; + .md\:focus\:border-indigo-500:focus { + --border-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } - .md\:-mr-64 { - margin-right: -16rem !important; + .md\:focus\:border-indigo-600:focus { + --border-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } - .md\:-mb-64 { - margin-bottom: -16rem !important; + .md\:focus\:border-indigo-700:focus { + --border-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } - .md\:-ml-64 { - margin-left: -16rem !important; + .md\:focus\:border-indigo-800:focus { + --border-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } - .md\:-mt-px { - margin-top: -1px !important; + .md\:focus\:border-indigo-900:focus { + --border-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } - .md\:-mr-px { - margin-right: -1px !important; + .md\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } - .md\:-mb-px { - margin-bottom: -1px !important; + .md\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } - .md\:-ml-px { - margin-left: -1px !important; + .md\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } - .md\:max-h-full { - max-height: 100% !important; + .md\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } - .md\:max-h-screen { - max-height: 100vh !important; + .md\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } - .md\:max-w-none { - max-width: none !important; + .md\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } - .md\:max-w-xs { - max-width: 20rem !important; + .md\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } - .md\:max-w-sm { - max-width: 24rem !important; + .md\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } - .md\:max-w-md { - max-width: 28rem !important; + .md\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } - .md\:max-w-lg { - max-width: 32rem !important; + .md\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } - .md\:max-w-xl { - max-width: 36rem !important; + .md\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } - .md\:max-w-2xl { - max-width: 42rem !important; + .md\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } - .md\:max-w-3xl { - max-width: 48rem !important; + .md\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } - .md\:max-w-4xl { - max-width: 56rem !important; + .md\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } - .md\:max-w-5xl { - max-width: 64rem !important; + .md\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } - .md\:max-w-6xl { - max-width: 72rem !important; + .md\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } - .md\:max-w-full { - max-width: 100% !important; + .md\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } - .md\:max-w-screen-sm { - max-width: 640px !important; + .md\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } - .md\:max-w-screen-md { - max-width: 768px !important; + .md\:border-opacity-0 { + --border-opacity: 0 !important; } - .md\:max-w-screen-lg { - max-width: 1024px !important; + .md\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .md\:max-w-screen-xl { - max-width: 1280px !important; + .md\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .md\:min-h-0 { - min-height: 0 !important; + .md\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .md\:min-h-full { - min-height: 100% !important; + .md\:border-opacity-100 { + --border-opacity: 1 !important; } - .md\:min-h-screen { - min-height: 100vh !important; + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; } - .md\:min-w-0 { - min-width: 0 !important; + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; } - .md\:min-w-full { - min-width: 100% !important; + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; } - .md\:object-contain { - object-fit: contain !important; + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; } - .md\:object-cover { - object-fit: cover !important; + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; } - .md\:object-fill { - object-fit: fill !important; + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; } - .md\:object-none { - object-fit: none !important; + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; } - .md\:object-scale-down { - object-fit: scale-down !important; + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; } - .md\:object-bottom { - object-position: bottom !important; + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; } - .md\:object-center { - object-position: center !important; + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } - .md\:object-left { - object-position: left !important; + .md\:rounded-none { + border-radius: 0 !important; } - .md\:object-left-bottom { - object-position: left bottom !important; + .md\:rounded-sm { + border-radius: 0.125rem !important; } - .md\:object-left-top { - object-position: left top !important; + .md\:rounded { + border-radius: 0.25rem !important; } - .md\:object-right { - object-position: right !important; + .md\:rounded-md { + border-radius: 0.375rem !important; } - .md\:object-right-bottom { - object-position: right bottom !important; + .md\:rounded-lg { + border-radius: 0.5rem !important; } - .md\:object-right-top { - object-position: right top !important; + .md\:rounded-full { + border-radius: 9999px !important; } - .md\:object-top { - object-position: top !important; + .md\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .md\:opacity-0 { - opacity: 0 !important; + .md\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .md\:opacity-25 { - opacity: 0.25 !important; + .md\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:opacity-50 { - opacity: 0.5 !important; + .md\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:opacity-75 { - opacity: 0.75 !important; + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .md\:opacity-100 { - opacity: 1 !important; + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .md\:hover\:opacity-0:hover { - opacity: 0 !important; + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .md\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .md\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .md\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .md\:hover\:opacity-100:hover { - opacity: 1 !important; + .md\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:focus\:opacity-0:focus { - opacity: 0 !important; + .md\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .md\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } - .md\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .md\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } - .md\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .md\:focus\:opacity-100:focus { - opacity: 1 !important; + .md\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .md\:outline-none { - outline: 0 !important; + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .md\:focus\:outline-none:focus { - outline: 0 !important; + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .md\:overflow-auto { - overflow: auto !important; + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:overflow-hidden { - overflow: hidden !important; + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:overflow-visible { - overflow: visible !important; + .md\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .md\:overflow-scroll { - overflow: scroll !important; + .md\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .md\:overflow-x-auto { - overflow-x: auto !important; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:overflow-y-auto { - overflow-y: auto !important; + .md\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:overflow-x-hidden { - overflow-x: hidden !important; + .md\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .md\:overflow-y-hidden { - overflow-y: hidden !important; + .md\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .md\:overflow-x-visible { - overflow-x: visible !important; + .md\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .md\:overflow-y-visible { - overflow-y: visible !important; + .md\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .md\:overflow-x-scroll { - overflow-x: scroll !important; + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .md\:overflow-y-scroll { - overflow-y: scroll !important; + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .md\:p-0 { - padding: 0 !important; + .md\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .md\:p-1 { - padding: 0.25rem !important; + .md\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .md\:p-2 { - padding: 0.5rem !important; + .md\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .md\:p-3 { - padding: 0.75rem !important; + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .md\:p-4 { - padding: 1rem !important; + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; } - .md\:p-5 { - padding: 1.25rem !important; + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; } - .md\:p-6 { - padding: 1.5rem !important; + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; } - .md\:p-8 { - padding: 2rem !important; + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; } - .md\:p-10 { - padding: 2.5rem !important; + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .md\:p-12 { - padding: 3rem !important; + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .md\:p-16 { - padding: 4rem !important; + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .md\:p-20 { - padding: 5rem !important; + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .md\:p-24 { - padding: 6rem !important; + .md\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .md\:p-32 { - padding: 8rem !important; + .md\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .md\:p-40 { - padding: 10rem !important; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .md\:p-48 { - padding: 12rem !important; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .md\:p-56 { - padding: 14rem !important; + .md\:border-solid { + border-style: solid !important; } - .md\:p-64 { - padding: 16rem !important; + .md\:border-dashed { + border-style: dashed !important; } - .md\:p-px { - padding: 1px !important; + .md\:border-dotted { + border-style: dotted !important; } - .md\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .md\:border-double { + border-style: double !important; } - .md\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .md\:border-none { + border-style: none !important; } - .md\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .md\:border-0 { + border-width: 0 !important; } - .md\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .md\:border-2 { + border-width: 2px !important; } - .md\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .md\:border-4 { + border-width: 4px !important; } - .md\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .md\:border-8 { + border-width: 8px !important; } - .md\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .md\:border { + border-width: 1px !important; } - .md\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .md\:border-t-0 { + border-top-width: 0 !important; } - .md\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .md\:border-r-0 { + border-right-width: 0 !important; } - .md\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .md\:border-b-0 { + border-bottom-width: 0 !important; } - .md\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .md\:border-l-0 { + border-left-width: 0 !important; } - .md\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .md\:border-t-2 { + border-top-width: 2px !important; } - .md\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .md\:border-r-2 { + border-right-width: 2px !important; } - .md\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .md\:border-b-2 { + border-bottom-width: 2px !important; } - .md\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .md\:border-l-2 { + border-left-width: 2px !important; } - .md\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .md\:border-t-4 { + border-top-width: 4px !important; } - .md\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .md\:border-r-4 { + border-right-width: 4px !important; } - .md\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .md\:border-b-4 { + border-bottom-width: 4px !important; } - .md\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .md\:border-l-4 { + border-left-width: 4px !important; } - .md\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .md\:border-t-8 { + border-top-width: 8px !important; } - .md\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .md\:border-r-8 { + border-right-width: 8px !important; } - .md\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .md\:border-b-8 { + border-bottom-width: 8px !important; } - .md\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .md\:border-l-8 { + border-left-width: 8px !important; } - .md\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .md\:border-t { + border-top-width: 1px !important; } - .md\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .md\:border-r { + border-right-width: 1px !important; } - .md\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .md\:border-b { + border-bottom-width: 1px !important; } - .md\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .md\:border-l { + border-left-width: 1px !important; } - .md\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .md\:box-border { + box-sizing: border-box !important; } - .md\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .md\:box-content { + box-sizing: content-box !important; } - .md\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .md\:cursor-auto { + cursor: auto !important; } - .md\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .md\:cursor-default { + cursor: default !important; } - .md\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .md\:cursor-pointer { + cursor: pointer !important; } - .md\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .md\:cursor-wait { + cursor: wait !important; } - .md\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .md\:cursor-text { + cursor: text !important; } - .md\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .md\:cursor-move { + cursor: move !important; } - .md\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .md\:cursor-not-allowed { + cursor: not-allowed !important; } - .md\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .md\:block { + display: block !important; } - .md\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .md\:inline-block { + display: inline-block !important; } - .md\:pt-0 { - padding-top: 0 !important; + .md\:inline { + display: inline !important; } - .md\:pr-0 { - padding-right: 0 !important; + .md\:flex { + display: flex !important; } - .md\:pb-0 { - padding-bottom: 0 !important; + .md\:inline-flex { + display: inline-flex !important; } - .md\:pl-0 { - padding-left: 0 !important; + .md\:table { + display: table !important; } - .md\:pt-1 { - padding-top: 0.25rem !important; + .md\:table-caption { + display: table-caption !important; } - .md\:pr-1 { - padding-right: 0.25rem !important; + .md\:table-cell { + display: table-cell !important; } - .md\:pb-1 { - padding-bottom: 0.25rem !important; + .md\:table-column { + display: table-column !important; } - .md\:pl-1 { - padding-left: 0.25rem !important; + .md\:table-column-group { + display: table-column-group !important; } - .md\:pt-2 { - padding-top: 0.5rem !important; + .md\:table-footer-group { + display: table-footer-group !important; } - .md\:pr-2 { - padding-right: 0.5rem !important; + .md\:table-header-group { + display: table-header-group !important; } - .md\:pb-2 { - padding-bottom: 0.5rem !important; + .md\:table-row-group { + display: table-row-group !important; } - .md\:pl-2 { - padding-left: 0.5rem !important; + .md\:table-row { + display: table-row !important; } - .md\:pt-3 { - padding-top: 0.75rem !important; + .md\:flow-root { + display: flow-root !important; } - .md\:pr-3 { - padding-right: 0.75rem !important; + .md\:grid { + display: grid !important; } - .md\:pb-3 { - padding-bottom: 0.75rem !important; + .md\:inline-grid { + display: inline-grid !important; } - .md\:pl-3 { - padding-left: 0.75rem !important; + .md\:hidden { + display: none !important; } - .md\:pt-4 { - padding-top: 1rem !important; + .md\:flex-row { + flex-direction: row !important; } - .md\:pr-4 { - padding-right: 1rem !important; + .md\:flex-row-reverse { + flex-direction: row-reverse !important; } - .md\:pb-4 { - padding-bottom: 1rem !important; + .md\:flex-col { + flex-direction: column !important; } - .md\:pl-4 { - padding-left: 1rem !important; + .md\:flex-col-reverse { + flex-direction: column-reverse !important; } - .md\:pt-5 { - padding-top: 1.25rem !important; + .md\:flex-wrap { + flex-wrap: wrap !important; } - .md\:pr-5 { - padding-right: 1.25rem !important; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .md\:pb-5 { - padding-bottom: 1.25rem !important; + .md\:flex-no-wrap { + flex-wrap: nowrap !important; } - .md\:pl-5 { - padding-left: 1.25rem !important; + .md\:items-start { + align-items: flex-start !important; } - .md\:pt-6 { - padding-top: 1.5rem !important; + .md\:items-end { + align-items: flex-end !important; } - .md\:pr-6 { - padding-right: 1.5rem !important; + .md\:items-center { + align-items: center !important; } - .md\:pb-6 { - padding-bottom: 1.5rem !important; + .md\:items-baseline { + align-items: baseline !important; } - .md\:pl-6 { - padding-left: 1.5rem !important; + .md\:items-stretch { + align-items: stretch !important; } - .md\:pt-8 { - padding-top: 2rem !important; + .md\:self-auto { + align-self: auto !important; } - .md\:pr-8 { - padding-right: 2rem !important; + .md\:self-start { + align-self: flex-start !important; } - .md\:pb-8 { - padding-bottom: 2rem !important; + .md\:self-end { + align-self: flex-end !important; } - .md\:pl-8 { - padding-left: 2rem !important; + .md\:self-center { + align-self: center !important; } - .md\:pt-10 { - padding-top: 2.5rem !important; + .md\:self-stretch { + align-self: stretch !important; } - .md\:pr-10 { - padding-right: 2.5rem !important; + .md\:justify-start { + justify-content: flex-start !important; } - .md\:pb-10 { - padding-bottom: 2.5rem !important; + .md\:justify-end { + justify-content: flex-end !important; } - .md\:pl-10 { - padding-left: 2.5rem !important; + .md\:justify-center { + justify-content: center !important; } - .md\:pt-12 { - padding-top: 3rem !important; + .md\:justify-between { + justify-content: space-between !important; } - .md\:pr-12 { - padding-right: 3rem !important; + .md\:justify-around { + justify-content: space-around !important; } - .md\:pb-12 { - padding-bottom: 3rem !important; + .md\:justify-evenly { + justify-content: space-evenly !important; } - .md\:pl-12 { - padding-left: 3rem !important; + .md\:content-center { + align-content: center !important; } - .md\:pt-16 { - padding-top: 4rem !important; + .md\:content-start { + align-content: flex-start !important; } - .md\:pr-16 { - padding-right: 4rem !important; + .md\:content-end { + align-content: flex-end !important; } - .md\:pb-16 { - padding-bottom: 4rem !important; + .md\:content-between { + align-content: space-between !important; } - .md\:pl-16 { - padding-left: 4rem !important; + .md\:content-around { + align-content: space-around !important; } - .md\:pt-20 { - padding-top: 5rem !important; + .md\:flex-1 { + flex: 1 1 0% !important; } - .md\:pr-20 { - padding-right: 5rem !important; + .md\:flex-auto { + flex: 1 1 auto !important; } - .md\:pb-20 { - padding-bottom: 5rem !important; + .md\:flex-initial { + flex: 0 1 auto !important; } - .md\:pl-20 { - padding-left: 5rem !important; + .md\:flex-none { + flex: none !important; } - .md\:pt-24 { - padding-top: 6rem !important; + .md\:flex-grow-0 { + flex-grow: 0 !important; } - .md\:pr-24 { - padding-right: 6rem !important; + .md\:flex-grow { + flex-grow: 1 !important; } - .md\:pb-24 { - padding-bottom: 6rem !important; + .md\:flex-shrink-0 { + flex-shrink: 0 !important; } - .md\:pl-24 { - padding-left: 6rem !important; + .md\:flex-shrink { + flex-shrink: 1 !important; } - .md\:pt-32 { - padding-top: 8rem !important; + .md\:order-1 { + order: 1 !important; } - .md\:pr-32 { - padding-right: 8rem !important; + .md\:order-2 { + order: 2 !important; } - .md\:pb-32 { - padding-bottom: 8rem !important; + .md\:order-3 { + order: 3 !important; } - .md\:pl-32 { - padding-left: 8rem !important; + .md\:order-4 { + order: 4 !important; } - .md\:pt-40 { - padding-top: 10rem !important; + .md\:order-5 { + order: 5 !important; } - .md\:pr-40 { - padding-right: 10rem !important; + .md\:order-6 { + order: 6 !important; } - .md\:pb-40 { - padding-bottom: 10rem !important; + .md\:order-7 { + order: 7 !important; } - .md\:pl-40 { - padding-left: 10rem !important; + .md\:order-8 { + order: 8 !important; } - .md\:pt-48 { - padding-top: 12rem !important; + .md\:order-9 { + order: 9 !important; } - .md\:pr-48 { - padding-right: 12rem !important; + .md\:order-10 { + order: 10 !important; } - .md\:pb-48 { - padding-bottom: 12rem !important; + .md\:order-11 { + order: 11 !important; } - .md\:pl-48 { - padding-left: 12rem !important; + .md\:order-12 { + order: 12 !important; } - .md\:pt-56 { - padding-top: 14rem !important; + .md\:order-first { + order: -9999 !important; } - .md\:pr-56 { - padding-right: 14rem !important; + .md\:order-last { + order: 9999 !important; } - .md\:pb-56 { - padding-bottom: 14rem !important; + .md\:order-none { + order: 0 !important; } - .md\:pl-56 { - padding-left: 14rem !important; + .md\:float-right { + float: right !important; } - .md\:pt-64 { - padding-top: 16rem !important; + .md\:float-left { + float: left !important; } - .md\:pr-64 { - padding-right: 16rem !important; + .md\:float-none { + float: none !important; } - .md\:pb-64 { - padding-bottom: 16rem !important; + .md\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .md\:pl-64 { - padding-left: 16rem !important; + .md\:clear-left { + clear: left !important; } - .md\:pt-px { - padding-top: 1px !important; + .md\:clear-right { + clear: right !important; } - .md\:pr-px { - padding-right: 1px !important; + .md\:clear-both { + clear: both !important; } - .md\:pb-px { - padding-bottom: 1px !important; + .md\:clear-none { + clear: none !important; } - .md\:pl-px { - padding-left: 1px !important; + .md\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } - .md\:placeholder-transparent::placeholder { - color: transparent !important; + .md\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; } - .md\:placeholder-black::placeholder { - color: #000 !important; + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .md\:placeholder-white::placeholder { - color: #fff !important; + .md\:font-hairline { + font-weight: 100 !important; } - .md\:placeholder-gray-100::placeholder { - color: #f7fafc !important; + .md\:font-thin { + font-weight: 200 !important; } - .md\:placeholder-gray-200::placeholder { - color: #edf2f7 !important; + .md\:font-light { + font-weight: 300 !important; } - .md\:placeholder-gray-300::placeholder { - color: #e2e8f0 !important; + .md\:font-normal { + font-weight: 400 !important; } - .md\:placeholder-gray-400::placeholder { - color: #cbd5e0 !important; + .md\:font-medium { + font-weight: 500 !important; } - .md\:placeholder-gray-500::placeholder { - color: #a0aec0 !important; + .md\:font-semibold { + font-weight: 600 !important; } - .md\:placeholder-gray-600::placeholder { - color: #718096 !important; + .md\:font-bold { + font-weight: 700 !important; } - .md\:placeholder-gray-700::placeholder { - color: #4a5568 !important; + .md\:font-extrabold { + font-weight: 800 !important; } - .md\:placeholder-gray-800::placeholder { - color: #2d3748 !important; + .md\:font-black { + font-weight: 900 !important; } - .md\:placeholder-gray-900::placeholder { - color: #1a202c !important; + .md\:hover\:font-hairline:hover { + font-weight: 100 !important; } - .md\:placeholder-red-100::placeholder { - color: #fff5f5 !important; + .md\:hover\:font-thin:hover { + font-weight: 200 !important; } - .md\:placeholder-red-200::placeholder { - color: #fed7d7 !important; + .md\:hover\:font-light:hover { + font-weight: 300 !important; } - .md\:placeholder-red-300::placeholder { - color: #feb2b2 !important; + .md\:hover\:font-normal:hover { + font-weight: 400 !important; } - .md\:placeholder-red-400::placeholder { - color: #fc8181 !important; + .md\:hover\:font-medium:hover { + font-weight: 500 !important; } - .md\:placeholder-red-500::placeholder { - color: #f56565 !important; + .md\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .md\:placeholder-red-600::placeholder { - color: #e53e3e !important; + .md\:hover\:font-bold:hover { + font-weight: 700 !important; } - .md\:placeholder-red-700::placeholder { - color: #c53030 !important; + .md\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .md\:placeholder-red-800::placeholder { - color: #9b2c2c !important; + .md\:hover\:font-black:hover { + font-weight: 900 !important; } - .md\:placeholder-red-900::placeholder { - color: #742a2a !important; + .md\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .md\:placeholder-orange-100::placeholder { - color: #fffaf0 !important; + .md\:focus\:font-thin:focus { + font-weight: 200 !important; } - .md\:placeholder-orange-200::placeholder { - color: #feebc8 !important; + .md\:focus\:font-light:focus { + font-weight: 300 !important; } - .md\:placeholder-orange-300::placeholder { - color: #fbd38d !important; + .md\:focus\:font-normal:focus { + font-weight: 400 !important; } - .md\:placeholder-orange-400::placeholder { - color: #f6ad55 !important; + .md\:focus\:font-medium:focus { + font-weight: 500 !important; } - .md\:placeholder-orange-500::placeholder { - color: #ed8936 !important; + .md\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .md\:placeholder-orange-600::placeholder { - color: #dd6b20 !important; + .md\:focus\:font-bold:focus { + font-weight: 700 !important; } - .md\:placeholder-orange-700::placeholder { - color: #c05621 !important; + .md\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .md\:placeholder-orange-800::placeholder { - color: #9c4221 !important; + .md\:focus\:font-black:focus { + font-weight: 900 !important; } - .md\:placeholder-orange-900::placeholder { - color: #7b341e !important; + .md\:h-0 { + height: 0 !important; } - .md\:placeholder-yellow-100::placeholder { - color: #fffff0 !important; + .md\:h-1 { + height: 0.25rem !important; } - .md\:placeholder-yellow-200::placeholder { - color: #fefcbf !important; + .md\:h-2 { + height: 0.5rem !important; } - .md\:placeholder-yellow-300::placeholder { - color: #faf089 !important; + .md\:h-3 { + height: 0.75rem !important; } - .md\:placeholder-yellow-400::placeholder { - color: #f6e05e !important; + .md\:h-4 { + height: 1rem !important; } - .md\:placeholder-yellow-500::placeholder { - color: #ecc94b !important; + .md\:h-5 { + height: 1.25rem !important; } - .md\:placeholder-yellow-600::placeholder { - color: #d69e2e !important; + .md\:h-6 { + height: 1.5rem !important; } - .md\:placeholder-yellow-700::placeholder { - color: #b7791f !important; + .md\:h-8 { + height: 2rem !important; } - .md\:placeholder-yellow-800::placeholder { - color: #975a16 !important; + .md\:h-10 { + height: 2.5rem !important; } - .md\:placeholder-yellow-900::placeholder { - color: #744210 !important; + .md\:h-12 { + height: 3rem !important; } - .md\:placeholder-green-100::placeholder { - color: #f0fff4 !important; + .md\:h-16 { + height: 4rem !important; } - .md\:placeholder-green-200::placeholder { - color: #c6f6d5 !important; + .md\:h-20 { + height: 5rem !important; } - .md\:placeholder-green-300::placeholder { - color: #9ae6b4 !important; + .md\:h-24 { + height: 6rem !important; } - .md\:placeholder-green-400::placeholder { - color: #68d391 !important; + .md\:h-32 { + height: 8rem !important; } - .md\:placeholder-green-500::placeholder { - color: #48bb78 !important; + .md\:h-40 { + height: 10rem !important; } - .md\:placeholder-green-600::placeholder { - color: #38a169 !important; + .md\:h-48 { + height: 12rem !important; } - .md\:placeholder-green-700::placeholder { - color: #2f855a !important; + .md\:h-56 { + height: 14rem !important; } - .md\:placeholder-green-800::placeholder { - color: #276749 !important; + .md\:h-64 { + height: 16rem !important; } - .md\:placeholder-green-900::placeholder { - color: #22543d !important; + .md\:h-auto { + height: auto !important; } - .md\:placeholder-teal-100::placeholder { - color: #e6fffa !important; + .md\:h-px { + height: 1px !important; } - .md\:placeholder-teal-200::placeholder { - color: #b2f5ea !important; + .md\:h-full { + height: 100% !important; } - .md\:placeholder-teal-300::placeholder { - color: #81e6d9 !important; + .md\:h-screen { + height: 100vh !important; } - .md\:placeholder-teal-400::placeholder { - color: #4fd1c5 !important; + .md\:text-xs { + font-size: 0.75rem !important; } - .md\:placeholder-teal-500::placeholder { - color: #38b2ac !important; + .md\:text-sm { + font-size: 0.875rem !important; } - .md\:placeholder-teal-600::placeholder { - color: #319795 !important; + .md\:text-base { + font-size: 1rem !important; } - .md\:placeholder-teal-700::placeholder { - color: #2c7a7b !important; + .md\:text-lg { + font-size: 1.125rem !important; } - .md\:placeholder-teal-800::placeholder { - color: #285e61 !important; + .md\:text-xl { + font-size: 1.25rem !important; } - .md\:placeholder-teal-900::placeholder { - color: #234e52 !important; + .md\:text-2xl { + font-size: 1.5rem !important; } - .md\:placeholder-blue-100::placeholder { - color: #ebf8ff !important; + .md\:text-3xl { + font-size: 1.875rem !important; } - .md\:placeholder-blue-200::placeholder { - color: #bee3f8 !important; + .md\:text-4xl { + font-size: 2.25rem !important; } - .md\:placeholder-blue-300::placeholder { - color: #90cdf4 !important; + .md\:text-5xl { + font-size: 3rem !important; } - .md\:placeholder-blue-400::placeholder { - color: #63b3ed !important; + .md\:text-6xl { + font-size: 4rem !important; } - .md\:placeholder-blue-500::placeholder { - color: #4299e1 !important; + .md\:leading-3 { + line-height: .75rem !important; } - .md\:placeholder-blue-600::placeholder { - color: #3182ce !important; + .md\:leading-4 { + line-height: 1rem !important; } - .md\:placeholder-blue-700::placeholder { - color: #2b6cb0 !important; + .md\:leading-5 { + line-height: 1.25rem !important; } - .md\:placeholder-blue-800::placeholder { - color: #2c5282 !important; + .md\:leading-6 { + line-height: 1.5rem !important; } - .md\:placeholder-blue-900::placeholder { - color: #2a4365 !important; + .md\:leading-7 { + line-height: 1.75rem !important; } - .md\:placeholder-indigo-100::placeholder { - color: #ebf4ff !important; + .md\:leading-8 { + line-height: 2rem !important; } - .md\:placeholder-indigo-200::placeholder { - color: #c3dafe !important; + .md\:leading-9 { + line-height: 2.25rem !important; } - .md\:placeholder-indigo-300::placeholder { - color: #a3bffa !important; + .md\:leading-10 { + line-height: 2.5rem !important; } - .md\:placeholder-indigo-400::placeholder { - color: #7f9cf5 !important; + .md\:leading-none { + line-height: 1 !important; } - .md\:placeholder-indigo-500::placeholder { - color: #667eea !important; + .md\:leading-tight { + line-height: 1.25 !important; } - .md\:placeholder-indigo-600::placeholder { - color: #5a67d8 !important; - } - - .md\:placeholder-indigo-700::placeholder { - color: #4c51bf !important; + .md\:leading-snug { + line-height: 1.375 !important; } - .md\:placeholder-indigo-800::placeholder { - color: #434190 !important; + .md\:leading-normal { + line-height: 1.5 !important; } - .md\:placeholder-indigo-900::placeholder { - color: #3c366b !important; + .md\:leading-relaxed { + line-height: 1.625 !important; } - .md\:placeholder-purple-100::placeholder { - color: #faf5ff !important; + .md\:leading-loose { + line-height: 2 !important; } - .md\:placeholder-purple-200::placeholder { - color: #e9d8fd !important; + .md\:list-inside { + list-style-position: inside !important; } - .md\:placeholder-purple-300::placeholder { - color: #d6bcfa !important; + .md\:list-outside { + list-style-position: outside !important; } - .md\:placeholder-purple-400::placeholder { - color: #b794f4 !important; + .md\:list-none { + list-style-type: none !important; } - .md\:placeholder-purple-500::placeholder { - color: #9f7aea !important; + .md\:list-disc { + list-style-type: disc !important; } - .md\:placeholder-purple-600::placeholder { - color: #805ad5 !important; + .md\:list-decimal { + list-style-type: decimal !important; } - .md\:placeholder-purple-700::placeholder { - color: #6b46c1 !important; + .md\:m-0 { + margin: 0 !important; } - .md\:placeholder-purple-800::placeholder { - color: #553c9a !important; + .md\:m-1 { + margin: 0.25rem !important; } - .md\:placeholder-purple-900::placeholder { - color: #44337a !important; + .md\:m-2 { + margin: 0.5rem !important; } - .md\:placeholder-pink-100::placeholder { - color: #fff5f7 !important; + .md\:m-3 { + margin: 0.75rem !important; } - .md\:placeholder-pink-200::placeholder { - color: #fed7e2 !important; + .md\:m-4 { + margin: 1rem !important; } - .md\:placeholder-pink-300::placeholder { - color: #fbb6ce !important; + .md\:m-5 { + margin: 1.25rem !important; } - .md\:placeholder-pink-400::placeholder { - color: #f687b3 !important; + .md\:m-6 { + margin: 1.5rem !important; } - .md\:placeholder-pink-500::placeholder { - color: #ed64a6 !important; + .md\:m-8 { + margin: 2rem !important; } - .md\:placeholder-pink-600::placeholder { - color: #d53f8c !important; + .md\:m-10 { + margin: 2.5rem !important; } - .md\:placeholder-pink-700::placeholder { - color: #b83280 !important; + .md\:m-12 { + margin: 3rem !important; } - .md\:placeholder-pink-800::placeholder { - color: #97266d !important; + .md\:m-16 { + margin: 4rem !important; } - .md\:placeholder-pink-900::placeholder { - color: #702459 !important; + .md\:m-20 { + margin: 5rem !important; } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .md\:m-24 { + margin: 6rem !important; } - .md\:focus\:placeholder-black:focus::placeholder { - color: #000 !important; + .md\:m-32 { + margin: 8rem !important; } - .md\:focus\:placeholder-white:focus::placeholder { - color: #fff !important; + .md\:m-40 { + margin: 10rem !important; } - .md\:focus\:placeholder-gray-100:focus::placeholder { - color: #f7fafc !important; + .md\:m-48 { + margin: 12rem !important; } - .md\:focus\:placeholder-gray-200:focus::placeholder { - color: #edf2f7 !important; + .md\:m-56 { + margin: 14rem !important; } - .md\:focus\:placeholder-gray-300:focus::placeholder { - color: #e2e8f0 !important; + .md\:m-64 { + margin: 16rem !important; } - .md\:focus\:placeholder-gray-400:focus::placeholder { - color: #cbd5e0 !important; + .md\:m-auto { + margin: auto !important; } - .md\:focus\:placeholder-gray-500:focus::placeholder { - color: #a0aec0 !important; + .md\:m-px { + margin: 1px !important; } - .md\:focus\:placeholder-gray-600:focus::placeholder { - color: #718096 !important; + .md\:-m-1 { + margin: -0.25rem !important; } - .md\:focus\:placeholder-gray-700:focus::placeholder { - color: #4a5568 !important; + .md\:-m-2 { + margin: -0.5rem !important; } - .md\:focus\:placeholder-gray-800:focus::placeholder { - color: #2d3748 !important; + .md\:-m-3 { + margin: -0.75rem !important; } - .md\:focus\:placeholder-gray-900:focus::placeholder { - color: #1a202c !important; + .md\:-m-4 { + margin: -1rem !important; } - .md\:focus\:placeholder-red-100:focus::placeholder { - color: #fff5f5 !important; + .md\:-m-5 { + margin: -1.25rem !important; } - .md\:focus\:placeholder-red-200:focus::placeholder { - color: #fed7d7 !important; + .md\:-m-6 { + margin: -1.5rem !important; } - .md\:focus\:placeholder-red-300:focus::placeholder { - color: #feb2b2 !important; + .md\:-m-8 { + margin: -2rem !important; } - .md\:focus\:placeholder-red-400:focus::placeholder { - color: #fc8181 !important; + .md\:-m-10 { + margin: -2.5rem !important; } - .md\:focus\:placeholder-red-500:focus::placeholder { - color: #f56565 !important; + .md\:-m-12 { + margin: -3rem !important; } - .md\:focus\:placeholder-red-600:focus::placeholder { - color: #e53e3e !important; + .md\:-m-16 { + margin: -4rem !important; } - .md\:focus\:placeholder-red-700:focus::placeholder { - color: #c53030 !important; + .md\:-m-20 { + margin: -5rem !important; } - .md\:focus\:placeholder-red-800:focus::placeholder { - color: #9b2c2c !important; + .md\:-m-24 { + margin: -6rem !important; } - .md\:focus\:placeholder-red-900:focus::placeholder { - color: #742a2a !important; + .md\:-m-32 { + margin: -8rem !important; } - .md\:focus\:placeholder-orange-100:focus::placeholder { - color: #fffaf0 !important; + .md\:-m-40 { + margin: -10rem !important; } - .md\:focus\:placeholder-orange-200:focus::placeholder { - color: #feebc8 !important; + .md\:-m-48 { + margin: -12rem !important; } - .md\:focus\:placeholder-orange-300:focus::placeholder { - color: #fbd38d !important; + .md\:-m-56 { + margin: -14rem !important; } - .md\:focus\:placeholder-orange-400:focus::placeholder { - color: #f6ad55 !important; + .md\:-m-64 { + margin: -16rem !important; } - .md\:focus\:placeholder-orange-500:focus::placeholder { - color: #ed8936 !important; + .md\:-m-px { + margin: -1px !important; } - .md\:focus\:placeholder-orange-600:focus::placeholder { - color: #dd6b20 !important; + .md\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .md\:focus\:placeholder-orange-700:focus::placeholder { - color: #c05621 !important; + .md\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .md\:focus\:placeholder-orange-800:focus::placeholder { - color: #9c4221 !important; + .md\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .md\:focus\:placeholder-orange-900:focus::placeholder { - color: #7b341e !important; + .md\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fffff0 !important; + .md\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fefcbf !important; + .md\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - color: #faf089 !important; + .md\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - color: #f6e05e !important; + .md\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - color: #ecc94b !important; + .md\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d69e2e !important; + .md\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b7791f !important; + .md\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - color: #975a16 !important; + .md\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - color: #744210 !important; + .md\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .md\:focus\:placeholder-green-100:focus::placeholder { - color: #f0fff4 !important; + .md\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .md\:focus\:placeholder-green-200:focus::placeholder { - color: #c6f6d5 !important; + .md\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .md\:focus\:placeholder-green-300:focus::placeholder { - color: #9ae6b4 !important; + .md\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .md\:focus\:placeholder-green-400:focus::placeholder { - color: #68d391 !important; + .md\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .md\:focus\:placeholder-green-500:focus::placeholder { - color: #48bb78 !important; + .md\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .md\:focus\:placeholder-green-600:focus::placeholder { - color: #38a169 !important; + .md\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .md\:focus\:placeholder-green-700:focus::placeholder { - color: #2f855a !important; + .md\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .md\:focus\:placeholder-green-800:focus::placeholder { - color: #276749 !important; + .md\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .md\:focus\:placeholder-green-900:focus::placeholder { - color: #22543d !important; + .md\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .md\:focus\:placeholder-teal-100:focus::placeholder { - color: #e6fffa !important; + .md\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .md\:focus\:placeholder-teal-200:focus::placeholder { - color: #b2f5ea !important; + .md\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .md\:focus\:placeholder-teal-300:focus::placeholder { - color: #81e6d9 !important; + .md\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .md\:focus\:placeholder-teal-400:focus::placeholder { - color: #4fd1c5 !important; + .md\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .md\:focus\:placeholder-teal-500:focus::placeholder { - color: #38b2ac !important; + .md\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .md\:focus\:placeholder-teal-600:focus::placeholder { - color: #319795 !important; + .md\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .md\:focus\:placeholder-teal-700:focus::placeholder { - color: #2c7a7b !important; + .md\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .md\:focus\:placeholder-teal-800:focus::placeholder { - color: #285e61 !important; + .md\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .md\:focus\:placeholder-teal-900:focus::placeholder { - color: #234e52 !important; + .md\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .md\:focus\:placeholder-blue-100:focus::placeholder { - color: #ebf8ff !important; + .md\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .md\:focus\:placeholder-blue-200:focus::placeholder { - color: #bee3f8 !important; + .md\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .md\:focus\:placeholder-blue-300:focus::placeholder { - color: #90cdf4 !important; + .md\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .md\:focus\:placeholder-blue-400:focus::placeholder { - color: #63b3ed !important; + .md\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .md\:focus\:placeholder-blue-500:focus::placeholder { - color: #4299e1 !important; + .md\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .md\:focus\:placeholder-blue-600:focus::placeholder { - color: #3182ce !important; + .md\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .md\:focus\:placeholder-blue-700:focus::placeholder { - color: #2b6cb0 !important; + .md\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .md\:focus\:placeholder-blue-800:focus::placeholder { - color: #2c5282 !important; + .md\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .md\:focus\:placeholder-blue-900:focus::placeholder { - color: #2a4365 !important; + .md\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .md\:focus\:placeholder-indigo-100:focus::placeholder { - color: #ebf4ff !important; + .md\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .md\:focus\:placeholder-indigo-200:focus::placeholder { - color: #c3dafe !important; + .md\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .md\:focus\:placeholder-indigo-300:focus::placeholder { - color: #a3bffa !important; + .md\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .md\:focus\:placeholder-indigo-400:focus::placeholder { - color: #7f9cf5 !important; + .md\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .md\:focus\:placeholder-indigo-500:focus::placeholder { - color: #667eea !important; + .md\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .md\:focus\:placeholder-indigo-600:focus::placeholder { - color: #5a67d8 !important; + .md\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .md\:focus\:placeholder-indigo-700:focus::placeholder { - color: #4c51bf !important; + .md\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .md\:focus\:placeholder-indigo-800:focus::placeholder { - color: #434190 !important; + .md\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .md\:focus\:placeholder-indigo-900:focus::placeholder { - color: #3c366b !important; + .md\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .md\:focus\:placeholder-purple-100:focus::placeholder { - color: #faf5ff !important; + .md\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .md\:focus\:placeholder-purple-200:focus::placeholder { - color: #e9d8fd !important; + .md\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .md\:focus\:placeholder-purple-300:focus::placeholder { - color: #d6bcfa !important; + .md\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .md\:focus\:placeholder-purple-400:focus::placeholder { - color: #b794f4 !important; + .md\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .md\:focus\:placeholder-purple-500:focus::placeholder { - color: #9f7aea !important; + .md\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .md\:focus\:placeholder-purple-600:focus::placeholder { - color: #805ad5 !important; + .md\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .md\:focus\:placeholder-purple-700:focus::placeholder { - color: #6b46c1 !important; + .md\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .md\:focus\:placeholder-purple-800:focus::placeholder { - color: #553c9a !important; + .md\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .md\:focus\:placeholder-purple-900:focus::placeholder { - color: #44337a !important; + .md\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .md\:focus\:placeholder-pink-100:focus::placeholder { - color: #fff5f7 !important; + .md\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .md\:focus\:placeholder-pink-200:focus::placeholder { - color: #fed7e2 !important; + .md\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .md\:focus\:placeholder-pink-300:focus::placeholder { - color: #fbb6ce !important; + .md\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .md\:focus\:placeholder-pink-400:focus::placeholder { - color: #f687b3 !important; + .md\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .md\:focus\:placeholder-pink-500:focus::placeholder { - color: #ed64a6 !important; + .md\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .md\:focus\:placeholder-pink-600:focus::placeholder { - color: #d53f8c !important; + .md\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .md\:focus\:placeholder-pink-700:focus::placeholder { - color: #b83280 !important; + .md\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .md\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d !important; + .md\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .md\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459 !important; + .md\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .md\:pointer-events-none { - pointer-events: none !important; + .md\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .md\:pointer-events-auto { - pointer-events: auto !important; + .md\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .md\:static { - position: static !important; + .md\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .md\:fixed { - position: fixed !important; + .md\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .md\:absolute { - position: absolute !important; + .md\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .md\:relative { - position: relative !important; + .md\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .md\:sticky { - position: sticky !important; + .md\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .md\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .md\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .md\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .md\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .md\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .md\:mt-0 { + margin-top: 0 !important; } - .md\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .md\:mr-0 { + margin-right: 0 !important; } - .md\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .md\:mb-0 { + margin-bottom: 0 !important; } - .md\:inset-x-auto { - right: auto !important; - left: auto !important; + .md\:ml-0 { + margin-left: 0 !important; } - .md\:top-0 { - top: 0 !important; + .md\:mt-1 { + margin-top: 0.25rem !important; } - .md\:right-0 { - right: 0 !important; + .md\:mr-1 { + margin-right: 0.25rem !important; } - .md\:bottom-0 { - bottom: 0 !important; + .md\:mb-1 { + margin-bottom: 0.25rem !important; } - .md\:left-0 { - left: 0 !important; + .md\:ml-1 { + margin-left: 0.25rem !important; } - .md\:top-auto { - top: auto !important; + .md\:mt-2 { + margin-top: 0.5rem !important; } - .md\:right-auto { - right: auto !important; + .md\:mr-2 { + margin-right: 0.5rem !important; } - .md\:bottom-auto { - bottom: auto !important; + .md\:mb-2 { + margin-bottom: 0.5rem !important; } - .md\:left-auto { - left: auto !important; + .md\:ml-2 { + margin-left: 0.5rem !important; } - .md\:resize-none { - resize: none !important; + .md\:mt-3 { + margin-top: 0.75rem !important; } - .md\:resize-y { - resize: vertical !important; + .md\:mr-3 { + margin-right: 0.75rem !important; } - .md\:resize-x { - resize: horizontal !important; + .md\:mb-3 { + margin-bottom: 0.75rem !important; } - .md\:resize { - resize: both !important; + .md\:ml-3 { + margin-left: 0.75rem !important; } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .md\:mt-4 { + margin-top: 1rem !important; } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .md\:mr-4 { + margin-right: 1rem !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; + .md\:mb-4 { + margin-bottom: 1rem !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; + .md\:ml-4 { + margin-left: 1rem !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; + .md\:mt-5 { + margin-top: 1.25rem !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; + .md\:mr-5 { + margin-right: 1.25rem !important; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:mb-5 { + margin-bottom: 1.25rem !important; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:ml-5 { + margin-left: 1.25rem !important; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:mt-6 { + margin-top: 1.5rem !important; } - .md\:shadow-none { - box-shadow: none !important; + .md\:mr-6 { + margin-right: 1.5rem !important; } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .md\:mb-6 { + margin-bottom: 1.5rem !important; } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .md\:ml-6 { + margin-left: 1.5rem !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; + .md\:mt-8 { + margin-top: 2rem !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; + .md\:mr-8 { + margin-right: 2rem !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; + .md\:mb-8 { + margin-bottom: 2rem !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; + .md\:ml-8 { + margin-left: 2rem !important; } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:mt-10 { + margin-top: 2.5rem !important; } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:mr-10 { + margin-right: 2.5rem !important; } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:mb-10 { + margin-bottom: 2.5rem !important; } - .md\:hover\:shadow-none:hover { - box-shadow: none !important; + .md\:ml-10 { + margin-left: 2.5rem !important; } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .md\:mt-12 { + margin-top: 3rem !important; } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .md\:mr-12 { + margin-right: 3rem !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; + .md\:mb-12 { + margin-bottom: 3rem !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; + .md\:ml-12 { + margin-left: 3rem !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; + .md\:mt-16 { + margin-top: 4rem !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; + .md\:mr-16 { + margin-right: 4rem !important; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:mb-16 { + margin-bottom: 4rem !important; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:ml-16 { + margin-left: 4rem !important; } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:mt-20 { + margin-top: 5rem !important; } - .md\:focus\:shadow-none:focus { - box-shadow: none !important; + .md\:mr-20 { + margin-right: 5rem !important; } - .md\:fill-current { - fill: currentColor !important; + .md\:mb-20 { + margin-bottom: 5rem !important; } - .md\:stroke-current { - stroke: currentColor !important; + .md\:ml-20 { + margin-left: 5rem !important; } - .md\:stroke-0 { - stroke-width: 0 !important; + .md\:mt-24 { + margin-top: 6rem !important; } - .md\:stroke-1 { - stroke-width: 1 !important; + .md\:mr-24 { + margin-right: 6rem !important; } - .md\:stroke-2 { - stroke-width: 2 !important; + .md\:mb-24 { + margin-bottom: 6rem !important; } - .md\:table-auto { - table-layout: auto !important; + .md\:ml-24 { + margin-left: 6rem !important; } - .md\:table-fixed { - table-layout: fixed !important; + .md\:mt-32 { + margin-top: 8rem !important; } - .md\:text-left { - text-align: left !important; + .md\:mr-32 { + margin-right: 8rem !important; } - .md\:text-center { - text-align: center !important; + .md\:mb-32 { + margin-bottom: 8rem !important; } - .md\:text-right { - text-align: right !important; + .md\:ml-32 { + margin-left: 8rem !important; } - .md\:text-justify { - text-align: justify !important; + .md\:mt-40 { + margin-top: 10rem !important; } - .md\:text-transparent { - color: transparent !important; + .md\:mr-40 { + margin-right: 10rem !important; } - .md\:text-black { - color: #000 !important; + .md\:mb-40 { + margin-bottom: 10rem !important; } - .md\:text-white { - color: #fff !important; + .md\:ml-40 { + margin-left: 10rem !important; } - .md\:text-gray-100 { - color: #f7fafc !important; + .md\:mt-48 { + margin-top: 12rem !important; } - .md\:text-gray-200 { - color: #edf2f7 !important; + .md\:mr-48 { + margin-right: 12rem !important; } - .md\:text-gray-300 { - color: #e2e8f0 !important; + .md\:mb-48 { + margin-bottom: 12rem !important; } - .md\:text-gray-400 { - color: #cbd5e0 !important; + .md\:ml-48 { + margin-left: 12rem !important; } - .md\:text-gray-500 { - color: #a0aec0 !important; + .md\:mt-56 { + margin-top: 14rem !important; } - .md\:text-gray-600 { - color: #718096 !important; + .md\:mr-56 { + margin-right: 14rem !important; } - .md\:text-gray-700 { - color: #4a5568 !important; + .md\:mb-56 { + margin-bottom: 14rem !important; } - .md\:text-gray-800 { - color: #2d3748 !important; + .md\:ml-56 { + margin-left: 14rem !important; } - .md\:text-gray-900 { - color: #1a202c !important; + .md\:mt-64 { + margin-top: 16rem !important; } - .md\:text-red-100 { - color: #fff5f5 !important; + .md\:mr-64 { + margin-right: 16rem !important; } - .md\:text-red-200 { - color: #fed7d7 !important; + .md\:mb-64 { + margin-bottom: 16rem !important; } - .md\:text-red-300 { - color: #feb2b2 !important; + .md\:ml-64 { + margin-left: 16rem !important; } - .md\:text-red-400 { - color: #fc8181 !important; + .md\:mt-auto { + margin-top: auto !important; } - .md\:text-red-500 { - color: #f56565 !important; + .md\:mr-auto { + margin-right: auto !important; } - .md\:text-red-600 { - color: #e53e3e !important; + .md\:mb-auto { + margin-bottom: auto !important; } - .md\:text-red-700 { - color: #c53030 !important; + .md\:ml-auto { + margin-left: auto !important; } - .md\:text-red-800 { - color: #9b2c2c !important; + .md\:mt-px { + margin-top: 1px !important; } - .md\:text-red-900 { - color: #742a2a !important; + .md\:mr-px { + margin-right: 1px !important; } - .md\:text-orange-100 { - color: #fffaf0 !important; + .md\:mb-px { + margin-bottom: 1px !important; } - .md\:text-orange-200 { - color: #feebc8 !important; + .md\:ml-px { + margin-left: 1px !important; } - .md\:text-orange-300 { - color: #fbd38d !important; + .md\:-mt-1 { + margin-top: -0.25rem !important; } - .md\:text-orange-400 { - color: #f6ad55 !important; + .md\:-mr-1 { + margin-right: -0.25rem !important; } - .md\:text-orange-500 { - color: #ed8936 !important; + .md\:-mb-1 { + margin-bottom: -0.25rem !important; } - .md\:text-orange-600 { - color: #dd6b20 !important; + .md\:-ml-1 { + margin-left: -0.25rem !important; } - .md\:text-orange-700 { - color: #c05621 !important; + .md\:-mt-2 { + margin-top: -0.5rem !important; } - .md\:text-orange-800 { - color: #9c4221 !important; + .md\:-mr-2 { + margin-right: -0.5rem !important; } - .md\:text-orange-900 { - color: #7b341e !important; + .md\:-mb-2 { + margin-bottom: -0.5rem !important; } - .md\:text-yellow-100 { - color: #fffff0 !important; + .md\:-ml-2 { + margin-left: -0.5rem !important; } - .md\:text-yellow-200 { - color: #fefcbf !important; + .md\:-mt-3 { + margin-top: -0.75rem !important; } - .md\:text-yellow-300 { - color: #faf089 !important; + .md\:-mr-3 { + margin-right: -0.75rem !important; } - .md\:text-yellow-400 { - color: #f6e05e !important; + .md\:-mb-3 { + margin-bottom: -0.75rem !important; } - .md\:text-yellow-500 { - color: #ecc94b !important; + .md\:-ml-3 { + margin-left: -0.75rem !important; } - .md\:text-yellow-600 { - color: #d69e2e !important; + .md\:-mt-4 { + margin-top: -1rem !important; } - .md\:text-yellow-700 { - color: #b7791f !important; + .md\:-mr-4 { + margin-right: -1rem !important; } - .md\:text-yellow-800 { - color: #975a16 !important; + .md\:-mb-4 { + margin-bottom: -1rem !important; } - .md\:text-yellow-900 { - color: #744210 !important; + .md\:-ml-4 { + margin-left: -1rem !important; } - .md\:text-green-100 { - color: #f0fff4 !important; + .md\:-mt-5 { + margin-top: -1.25rem !important; } - .md\:text-green-200 { - color: #c6f6d5 !important; + .md\:-mr-5 { + margin-right: -1.25rem !important; } - .md\:text-green-300 { - color: #9ae6b4 !important; + .md\:-mb-5 { + margin-bottom: -1.25rem !important; } - .md\:text-green-400 { - color: #68d391 !important; + .md\:-ml-5 { + margin-left: -1.25rem !important; } - .md\:text-green-500 { - color: #48bb78 !important; + .md\:-mt-6 { + margin-top: -1.5rem !important; } - .md\:text-green-600 { - color: #38a169 !important; + .md\:-mr-6 { + margin-right: -1.5rem !important; } - .md\:text-green-700 { - color: #2f855a !important; + .md\:-mb-6 { + margin-bottom: -1.5rem !important; } - .md\:text-green-800 { - color: #276749 !important; + .md\:-ml-6 { + margin-left: -1.5rem !important; } - .md\:text-green-900 { - color: #22543d !important; + .md\:-mt-8 { + margin-top: -2rem !important; } - .md\:text-teal-100 { - color: #e6fffa !important; + .md\:-mr-8 { + margin-right: -2rem !important; } - .md\:text-teal-200 { - color: #b2f5ea !important; + .md\:-mb-8 { + margin-bottom: -2rem !important; } - .md\:text-teal-300 { - color: #81e6d9 !important; + .md\:-ml-8 { + margin-left: -2rem !important; } - .md\:text-teal-400 { - color: #4fd1c5 !important; + .md\:-mt-10 { + margin-top: -2.5rem !important; } - .md\:text-teal-500 { - color: #38b2ac !important; + .md\:-mr-10 { + margin-right: -2.5rem !important; } - .md\:text-teal-600 { - color: #319795 !important; + .md\:-mb-10 { + margin-bottom: -2.5rem !important; } - .md\:text-teal-700 { - color: #2c7a7b !important; + .md\:-ml-10 { + margin-left: -2.5rem !important; } - .md\:text-teal-800 { - color: #285e61 !important; + .md\:-mt-12 { + margin-top: -3rem !important; } - .md\:text-teal-900 { - color: #234e52 !important; + .md\:-mr-12 { + margin-right: -3rem !important; } - .md\:text-blue-100 { - color: #ebf8ff !important; + .md\:-mb-12 { + margin-bottom: -3rem !important; } - .md\:text-blue-200 { - color: #bee3f8 !important; + .md\:-ml-12 { + margin-left: -3rem !important; } - .md\:text-blue-300 { - color: #90cdf4 !important; + .md\:-mt-16 { + margin-top: -4rem !important; } - .md\:text-blue-400 { - color: #63b3ed !important; + .md\:-mr-16 { + margin-right: -4rem !important; } - .md\:text-blue-500 { - color: #4299e1 !important; + .md\:-mb-16 { + margin-bottom: -4rem !important; } - .md\:text-blue-600 { - color: #3182ce !important; + .md\:-ml-16 { + margin-left: -4rem !important; } - .md\:text-blue-700 { - color: #2b6cb0 !important; + .md\:-mt-20 { + margin-top: -5rem !important; } - .md\:text-blue-800 { - color: #2c5282 !important; + .md\:-mr-20 { + margin-right: -5rem !important; } - .md\:text-blue-900 { - color: #2a4365 !important; + .md\:-mb-20 { + margin-bottom: -5rem !important; } - .md\:text-indigo-100 { - color: #ebf4ff !important; + .md\:-ml-20 { + margin-left: -5rem !important; } - .md\:text-indigo-200 { - color: #c3dafe !important; + .md\:-mt-24 { + margin-top: -6rem !important; } - .md\:text-indigo-300 { - color: #a3bffa !important; + .md\:-mr-24 { + margin-right: -6rem !important; } - .md\:text-indigo-400 { - color: #7f9cf5 !important; + .md\:-mb-24 { + margin-bottom: -6rem !important; } - .md\:text-indigo-500 { - color: #667eea !important; + .md\:-ml-24 { + margin-left: -6rem !important; } - .md\:text-indigo-600 { - color: #5a67d8 !important; + .md\:-mt-32 { + margin-top: -8rem !important; } - .md\:text-indigo-700 { - color: #4c51bf !important; + .md\:-mr-32 { + margin-right: -8rem !important; } - .md\:text-indigo-800 { - color: #434190 !important; + .md\:-mb-32 { + margin-bottom: -8rem !important; } - .md\:text-indigo-900 { - color: #3c366b !important; + .md\:-ml-32 { + margin-left: -8rem !important; } - .md\:text-purple-100 { - color: #faf5ff !important; + .md\:-mt-40 { + margin-top: -10rem !important; } - .md\:text-purple-200 { - color: #e9d8fd !important; + .md\:-mr-40 { + margin-right: -10rem !important; } - .md\:text-purple-300 { - color: #d6bcfa !important; + .md\:-mb-40 { + margin-bottom: -10rem !important; } - .md\:text-purple-400 { - color: #b794f4 !important; + .md\:-ml-40 { + margin-left: -10rem !important; } - .md\:text-purple-500 { - color: #9f7aea !important; + .md\:-mt-48 { + margin-top: -12rem !important; } - .md\:text-purple-600 { - color: #805ad5 !important; + .md\:-mr-48 { + margin-right: -12rem !important; } - .md\:text-purple-700 { - color: #6b46c1 !important; + .md\:-mb-48 { + margin-bottom: -12rem !important; } - .md\:text-purple-800 { - color: #553c9a !important; + .md\:-ml-48 { + margin-left: -12rem !important; } - .md\:text-purple-900 { - color: #44337a !important; + .md\:-mt-56 { + margin-top: -14rem !important; } - .md\:text-pink-100 { - color: #fff5f7 !important; + .md\:-mr-56 { + margin-right: -14rem !important; } - .md\:text-pink-200 { - color: #fed7e2 !important; + .md\:-mb-56 { + margin-bottom: -14rem !important; } - .md\:text-pink-300 { - color: #fbb6ce !important; + .md\:-ml-56 { + margin-left: -14rem !important; } - .md\:text-pink-400 { - color: #f687b3 !important; + .md\:-mt-64 { + margin-top: -16rem !important; } - .md\:text-pink-500 { - color: #ed64a6 !important; + .md\:-mr-64 { + margin-right: -16rem !important; } - .md\:text-pink-600 { - color: #d53f8c !important; + .md\:-mb-64 { + margin-bottom: -16rem !important; } - .md\:text-pink-700 { - color: #b83280 !important; + .md\:-ml-64 { + margin-left: -16rem !important; } - .md\:text-pink-800 { - color: #97266d !important; + .md\:-mt-px { + margin-top: -1px !important; } - .md\:text-pink-900 { - color: #702459 !important; + .md\:-mr-px { + margin-right: -1px !important; } - .md\:hover\:text-transparent:hover { - color: transparent !important; + .md\:-mb-px { + margin-bottom: -1px !important; } - .md\:hover\:text-black:hover { - color: #000 !important; + .md\:-ml-px { + margin-left: -1px !important; } - .md\:hover\:text-white:hover { - color: #fff !important; + .md\:max-h-full { + max-height: 100% !important; } - .md\:hover\:text-gray-100:hover { - color: #f7fafc !important; + .md\:max-h-screen { + max-height: 100vh !important; } - .md\:hover\:text-gray-200:hover { - color: #edf2f7 !important; + .md\:max-w-none { + max-width: none !important; } - .md\:hover\:text-gray-300:hover { - color: #e2e8f0 !important; + .md\:max-w-xs { + max-width: 20rem !important; } - .md\:hover\:text-gray-400:hover { - color: #cbd5e0 !important; + .md\:max-w-sm { + max-width: 24rem !important; } - .md\:hover\:text-gray-500:hover { - color: #a0aec0 !important; + .md\:max-w-md { + max-width: 28rem !important; } - .md\:hover\:text-gray-600:hover { - color: #718096 !important; + .md\:max-w-lg { + max-width: 32rem !important; } - .md\:hover\:text-gray-700:hover { - color: #4a5568 !important; + .md\:max-w-xl { + max-width: 36rem !important; } - .md\:hover\:text-gray-800:hover { - color: #2d3748 !important; + .md\:max-w-2xl { + max-width: 42rem !important; } - .md\:hover\:text-gray-900:hover { - color: #1a202c !important; + .md\:max-w-3xl { + max-width: 48rem !important; } - .md\:hover\:text-red-100:hover { - color: #fff5f5 !important; + .md\:max-w-4xl { + max-width: 56rem !important; } - .md\:hover\:text-red-200:hover { - color: #fed7d7 !important; + .md\:max-w-5xl { + max-width: 64rem !important; } - .md\:hover\:text-red-300:hover { - color: #feb2b2 !important; + .md\:max-w-6xl { + max-width: 72rem !important; } - .md\:hover\:text-red-400:hover { - color: #fc8181 !important; + .md\:max-w-full { + max-width: 100% !important; } - .md\:hover\:text-red-500:hover { - color: #f56565 !important; + .md\:max-w-screen-sm { + max-width: 640px !important; } - .md\:hover\:text-red-600:hover { - color: #e53e3e !important; + .md\:max-w-screen-md { + max-width: 768px !important; } - .md\:hover\:text-red-700:hover { - color: #c53030 !important; + .md\:max-w-screen-lg { + max-width: 1024px !important; } - .md\:hover\:text-red-800:hover { - color: #9b2c2c !important; + .md\:max-w-screen-xl { + max-width: 1280px !important; } - .md\:hover\:text-red-900:hover { - color: #742a2a !important; + .md\:min-h-0 { + min-height: 0 !important; } - .md\:hover\:text-orange-100:hover { - color: #fffaf0 !important; + .md\:min-h-full { + min-height: 100% !important; } - .md\:hover\:text-orange-200:hover { - color: #feebc8 !important; + .md\:min-h-screen { + min-height: 100vh !important; } - .md\:hover\:text-orange-300:hover { - color: #fbd38d !important; + .md\:min-w-0 { + min-width: 0 !important; } - .md\:hover\:text-orange-400:hover { - color: #f6ad55 !important; + .md\:min-w-full { + min-width: 100% !important; } - .md\:hover\:text-orange-500:hover { - color: #ed8936 !important; + .md\:object-contain { + object-fit: contain !important; } - .md\:hover\:text-orange-600:hover { - color: #dd6b20 !important; + .md\:object-cover { + object-fit: cover !important; } - .md\:hover\:text-orange-700:hover { - color: #c05621 !important; + .md\:object-fill { + object-fit: fill !important; } - .md\:hover\:text-orange-800:hover { - color: #9c4221 !important; + .md\:object-none { + object-fit: none !important; } - .md\:hover\:text-orange-900:hover { - color: #7b341e !important; + .md\:object-scale-down { + object-fit: scale-down !important; } - .md\:hover\:text-yellow-100:hover { - color: #fffff0 !important; + .md\:object-bottom { + object-position: bottom !important; } - .md\:hover\:text-yellow-200:hover { - color: #fefcbf !important; + .md\:object-center { + object-position: center !important; } - .md\:hover\:text-yellow-300:hover { - color: #faf089 !important; + .md\:object-left { + object-position: left !important; } - .md\:hover\:text-yellow-400:hover { - color: #f6e05e !important; + .md\:object-left-bottom { + object-position: left bottom !important; } - .md\:hover\:text-yellow-500:hover { - color: #ecc94b !important; + .md\:object-left-top { + object-position: left top !important; } - .md\:hover\:text-yellow-600:hover { - color: #d69e2e !important; + .md\:object-right { + object-position: right !important; } - .md\:hover\:text-yellow-700:hover { - color: #b7791f !important; + .md\:object-right-bottom { + object-position: right bottom !important; } - .md\:hover\:text-yellow-800:hover { - color: #975a16 !important; + .md\:object-right-top { + object-position: right top !important; } - .md\:hover\:text-yellow-900:hover { - color: #744210 !important; + .md\:object-top { + object-position: top !important; } - .md\:hover\:text-green-100:hover { - color: #f0fff4 !important; + .md\:opacity-0 { + opacity: 0 !important; } - .md\:hover\:text-green-200:hover { - color: #c6f6d5 !important; + .md\:opacity-25 { + opacity: 0.25 !important; } - .md\:hover\:text-green-300:hover { - color: #9ae6b4 !important; + .md\:opacity-50 { + opacity: 0.5 !important; } - .md\:hover\:text-green-400:hover { - color: #68d391 !important; + .md\:opacity-75 { + opacity: 0.75 !important; } - .md\:hover\:text-green-500:hover { - color: #48bb78 !important; + .md\:opacity-100 { + opacity: 1 !important; } - .md\:hover\:text-green-600:hover { - color: #38a169 !important; + .md\:hover\:opacity-0:hover { + opacity: 0 !important; } - .md\:hover\:text-green-700:hover { - color: #2f855a !important; + .md\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .md\:hover\:text-green-800:hover { - color: #276749 !important; + .md\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .md\:hover\:text-green-900:hover { - color: #22543d !important; + .md\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .md\:hover\:text-teal-100:hover { - color: #e6fffa !important; + .md\:hover\:opacity-100:hover { + opacity: 1 !important; } - .md\:hover\:text-teal-200:hover { - color: #b2f5ea !important; + .md\:focus\:opacity-0:focus { + opacity: 0 !important; } - .md\:hover\:text-teal-300:hover { - color: #81e6d9 !important; + .md\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .md\:hover\:text-teal-400:hover { - color: #4fd1c5 !important; + .md\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .md\:hover\:text-teal-500:hover { - color: #38b2ac !important; + .md\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .md\:hover\:text-teal-600:hover { - color: #319795 !important; + .md\:focus\:opacity-100:focus { + opacity: 1 !important; } - .md\:hover\:text-teal-700:hover { - color: #2c7a7b !important; + .md\:outline-none { + outline: 0 !important; } - .md\:hover\:text-teal-800:hover { - color: #285e61 !important; + .md\:focus\:outline-none:focus { + outline: 0 !important; } - .md\:hover\:text-teal-900:hover { - color: #234e52 !important; + .md\:overflow-auto { + overflow: auto !important; } - .md\:hover\:text-blue-100:hover { - color: #ebf8ff !important; + .md\:overflow-hidden { + overflow: hidden !important; } - .md\:hover\:text-blue-200:hover { - color: #bee3f8 !important; + .md\:overflow-visible { + overflow: visible !important; } - .md\:hover\:text-blue-300:hover { - color: #90cdf4 !important; + .md\:overflow-scroll { + overflow: scroll !important; } - .md\:hover\:text-blue-400:hover { - color: #63b3ed !important; + .md\:overflow-x-auto { + overflow-x: auto !important; } - .md\:hover\:text-blue-500:hover { - color: #4299e1 !important; + .md\:overflow-y-auto { + overflow-y: auto !important; } - .md\:hover\:text-blue-600:hover { - color: #3182ce !important; + .md\:overflow-x-hidden { + overflow-x: hidden !important; } - .md\:hover\:text-blue-700:hover { - color: #2b6cb0 !important; + .md\:overflow-y-hidden { + overflow-y: hidden !important; } - .md\:hover\:text-blue-800:hover { - color: #2c5282 !important; + .md\:overflow-x-visible { + overflow-x: visible !important; } - .md\:hover\:text-blue-900:hover { - color: #2a4365 !important; + .md\:overflow-y-visible { + overflow-y: visible !important; } - .md\:hover\:text-indigo-100:hover { - color: #ebf4ff !important; + .md\:overflow-x-scroll { + overflow-x: scroll !important; } - .md\:hover\:text-indigo-200:hover { - color: #c3dafe !important; + .md\:overflow-y-scroll { + overflow-y: scroll !important; } - .md\:hover\:text-indigo-300:hover { - color: #a3bffa !important; + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .md\:hover\:text-indigo-400:hover { - color: #7f9cf5 !important; + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .md\:hover\:text-indigo-500:hover { - color: #667eea !important; + .md\:p-0 { + padding: 0 !important; } - .md\:hover\:text-indigo-600:hover { - color: #5a67d8 !important; + .md\:p-1 { + padding: 0.25rem !important; } - .md\:hover\:text-indigo-700:hover { - color: #4c51bf !important; + .md\:p-2 { + padding: 0.5rem !important; } - .md\:hover\:text-indigo-800:hover { - color: #434190 !important; + .md\:p-3 { + padding: 0.75rem !important; } - .md\:hover\:text-indigo-900:hover { - color: #3c366b !important; + .md\:p-4 { + padding: 1rem !important; } - .md\:hover\:text-purple-100:hover { - color: #faf5ff !important; + .md\:p-5 { + padding: 1.25rem !important; } - .md\:hover\:text-purple-200:hover { - color: #e9d8fd !important; + .md\:p-6 { + padding: 1.5rem !important; } - .md\:hover\:text-purple-300:hover { - color: #d6bcfa !important; + .md\:p-8 { + padding: 2rem !important; } - .md\:hover\:text-purple-400:hover { - color: #b794f4 !important; + .md\:p-10 { + padding: 2.5rem !important; } - .md\:hover\:text-purple-500:hover { - color: #9f7aea !important; + .md\:p-12 { + padding: 3rem !important; } - .md\:hover\:text-purple-600:hover { - color: #805ad5 !important; + .md\:p-16 { + padding: 4rem !important; } - .md\:hover\:text-purple-700:hover { - color: #6b46c1 !important; + .md\:p-20 { + padding: 5rem !important; } - .md\:hover\:text-purple-800:hover { - color: #553c9a !important; + .md\:p-24 { + padding: 6rem !important; } - .md\:hover\:text-purple-900:hover { - color: #44337a !important; + .md\:p-32 { + padding: 8rem !important; } - .md\:hover\:text-pink-100:hover { - color: #fff5f7 !important; + .md\:p-40 { + padding: 10rem !important; } - .md\:hover\:text-pink-200:hover { - color: #fed7e2 !important; + .md\:p-48 { + padding: 12rem !important; } - .md\:hover\:text-pink-300:hover { - color: #fbb6ce !important; + .md\:p-56 { + padding: 14rem !important; } - .md\:hover\:text-pink-400:hover { - color: #f687b3 !important; + .md\:p-64 { + padding: 16rem !important; } - .md\:hover\:text-pink-500:hover { - color: #ed64a6 !important; + .md\:p-px { + padding: 1px !important; } - .md\:hover\:text-pink-600:hover { - color: #d53f8c !important; + .md\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .md\:hover\:text-pink-700:hover { - color: #b83280 !important; + .md\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .md\:hover\:text-pink-800:hover { - color: #97266d !important; + .md\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .md\:hover\:text-pink-900:hover { - color: #702459 !important; + .md\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .md\:focus\:text-transparent:focus { - color: transparent !important; + .md\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .md\:focus\:text-black:focus { - color: #000 !important; + .md\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .md\:focus\:text-white:focus { - color: #fff !important; + .md\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .md\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .md\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .md\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .md\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .md\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .md\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .md\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .md\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .md\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .md\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .md\:focus\:text-gray-600:focus { - color: #718096 !important; + .md\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .md\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .md\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .md\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .md\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .md\:focus\:text-gray-900:focus { - color: #1a202c !important; + .md\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .md\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .md\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .md\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .md\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .md\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .md\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .md\:focus\:text-red-400:focus { - color: #fc8181 !important; + .md\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .md\:focus\:text-red-500:focus { - color: #f56565 !important; + .md\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .md\:focus\:text-red-600:focus { - color: #e53e3e !important; + .md\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .md\:focus\:text-red-700:focus { - color: #c53030 !important; + .md\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .md\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .md\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .md\:focus\:text-red-900:focus { - color: #742a2a !important; + .md\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .md\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .md\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .md\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .md\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .md\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .md\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .md\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .md\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .md\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .md\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .md\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .md\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .md\:focus\:text-orange-700:focus { - color: #c05621 !important; + .md\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .md\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .md\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .md\:focus\:text-orange-900:focus { - color: #7b341e !important; + .md\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .md\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .md\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .md\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .md\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .md\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .md\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .md\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .md\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .md\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .md\:pt-0 { + padding-top: 0 !important; } - .md\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .md\:pr-0 { + padding-right: 0 !important; } - .md\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .md\:pb-0 { + padding-bottom: 0 !important; } - .md\:focus\:text-yellow-800:focus { - color: #975a16 !important; + .md\:pl-0 { + padding-left: 0 !important; } - .md\:focus\:text-yellow-900:focus { - color: #744210 !important; + .md\:pt-1 { + padding-top: 0.25rem !important; } - .md\:focus\:text-green-100:focus { - color: #f0fff4 !important; + .md\:pr-1 { + padding-right: 0.25rem !important; } - .md\:focus\:text-green-200:focus { - color: #c6f6d5 !important; + .md\:pb-1 { + padding-bottom: 0.25rem !important; } - .md\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .md\:pl-1 { + padding-left: 0.25rem !important; } - .md\:focus\:text-green-400:focus { - color: #68d391 !important; + .md\:pt-2 { + padding-top: 0.5rem !important; } - .md\:focus\:text-green-500:focus { - color: #48bb78 !important; + .md\:pr-2 { + padding-right: 0.5rem !important; } - .md\:focus\:text-green-600:focus { - color: #38a169 !important; + .md\:pb-2 { + padding-bottom: 0.5rem !important; } - .md\:focus\:text-green-700:focus { - color: #2f855a !important; + .md\:pl-2 { + padding-left: 0.5rem !important; } - .md\:focus\:text-green-800:focus { - color: #276749 !important; + .md\:pt-3 { + padding-top: 0.75rem !important; } - .md\:focus\:text-green-900:focus { - color: #22543d !important; + .md\:pr-3 { + padding-right: 0.75rem !important; } - .md\:focus\:text-teal-100:focus { - color: #e6fffa !important; + .md\:pb-3 { + padding-bottom: 0.75rem !important; } - .md\:focus\:text-teal-200:focus { - color: #b2f5ea !important; + .md\:pl-3 { + padding-left: 0.75rem !important; } - .md\:focus\:text-teal-300:focus { - color: #81e6d9 !important; + .md\:pt-4 { + padding-top: 1rem !important; } - .md\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .md\:pr-4 { + padding-right: 1rem !important; } - .md\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .md\:pb-4 { + padding-bottom: 1rem !important; } - .md\:focus\:text-teal-600:focus { - color: #319795 !important; + .md\:pl-4 { + padding-left: 1rem !important; } - .md\:focus\:text-teal-700:focus { - color: #2c7a7b !important; + .md\:pt-5 { + padding-top: 1.25rem !important; } - .md\:focus\:text-teal-800:focus { - color: #285e61 !important; + .md\:pr-5 { + padding-right: 1.25rem !important; } - .md\:focus\:text-teal-900:focus { - color: #234e52 !important; + .md\:pb-5 { + padding-bottom: 1.25rem !important; } - .md\:focus\:text-blue-100:focus { - color: #ebf8ff !important; + .md\:pl-5 { + padding-left: 1.25rem !important; } - .md\:focus\:text-blue-200:focus { - color: #bee3f8 !important; + .md\:pt-6 { + padding-top: 1.5rem !important; } - .md\:focus\:text-blue-300:focus { - color: #90cdf4 !important; + .md\:pr-6 { + padding-right: 1.5rem !important; } - .md\:focus\:text-blue-400:focus { - color: #63b3ed !important; + .md\:pb-6 { + padding-bottom: 1.5rem !important; } - .md\:focus\:text-blue-500:focus { - color: #4299e1 !important; + .md\:pl-6 { + padding-left: 1.5rem !important; } - .md\:focus\:text-blue-600:focus { - color: #3182ce !important; + .md\:pt-8 { + padding-top: 2rem !important; } - .md\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .md\:pr-8 { + padding-right: 2rem !important; } - .md\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .md\:pb-8 { + padding-bottom: 2rem !important; } - .md\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .md\:pl-8 { + padding-left: 2rem !important; } - .md\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .md\:pt-10 { + padding-top: 2.5rem !important; } - .md\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .md\:pr-10 { + padding-right: 2.5rem !important; } - .md\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .md\:pb-10 { + padding-bottom: 2.5rem !important; } - .md\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .md\:pl-10 { + padding-left: 2.5rem !important; } - .md\:focus\:text-indigo-500:focus { - color: #667eea !important; + .md\:pt-12 { + padding-top: 3rem !important; } - .md\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .md\:pr-12 { + padding-right: 3rem !important; } - .md\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .md\:pb-12 { + padding-bottom: 3rem !important; } - .md\:focus\:text-indigo-800:focus { - color: #434190 !important; + .md\:pl-12 { + padding-left: 3rem !important; } - .md\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .md\:pt-16 { + padding-top: 4rem !important; } - .md\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .md\:pr-16 { + padding-right: 4rem !important; } - .md\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .md\:pb-16 { + padding-bottom: 4rem !important; } - .md\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .md\:pl-16 { + padding-left: 4rem !important; } - .md\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .md\:pt-20 { + padding-top: 5rem !important; } - .md\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .md\:pr-20 { + padding-right: 5rem !important; } - .md\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .md\:pb-20 { + padding-bottom: 5rem !important; } - .md\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .md\:pl-20 { + padding-left: 5rem !important; } - .md\:focus\:text-purple-800:focus { - color: #553c9a !important; + .md\:pt-24 { + padding-top: 6rem !important; } - .md\:focus\:text-purple-900:focus { - color: #44337a !important; + .md\:pr-24 { + padding-right: 6rem !important; } - .md\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .md\:pb-24 { + padding-bottom: 6rem !important; } - .md\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .md\:pl-24 { + padding-left: 6rem !important; } - .md\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .md\:pt-32 { + padding-top: 8rem !important; } - .md\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .md\:pr-32 { + padding-right: 8rem !important; } - .md\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .md\:pb-32 { + padding-bottom: 8rem !important; } - .md\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .md\:pl-32 { + padding-left: 8rem !important; } - .md\:focus\:text-pink-700:focus { - color: #b83280 !important; + .md\:pt-40 { + padding-top: 10rem !important; } - .md\:focus\:text-pink-800:focus { - color: #97266d !important; + .md\:pr-40 { + padding-right: 10rem !important; } - .md\:focus\:text-pink-900:focus { - color: #702459 !important; + .md\:pb-40 { + padding-bottom: 10rem !important; } - .md\:text-xs { - font-size: 0.75rem !important; + .md\:pl-40 { + padding-left: 10rem !important; } - .md\:text-sm { - font-size: 0.875rem !important; + .md\:pt-48 { + padding-top: 12rem !important; } - .md\:text-base { - font-size: 1rem !important; + .md\:pr-48 { + padding-right: 12rem !important; } - .md\:text-lg { - font-size: 1.125rem !important; + .md\:pb-48 { + padding-bottom: 12rem !important; } - .md\:text-xl { - font-size: 1.25rem !important; + .md\:pl-48 { + padding-left: 12rem !important; } - .md\:text-2xl { - font-size: 1.5rem !important; + .md\:pt-56 { + padding-top: 14rem !important; } - .md\:text-3xl { - font-size: 1.875rem !important; + .md\:pr-56 { + padding-right: 14rem !important; } - .md\:text-4xl { - font-size: 2.25rem !important; + .md\:pb-56 { + padding-bottom: 14rem !important; } - .md\:text-5xl { - font-size: 3rem !important; + .md\:pl-56 { + padding-left: 14rem !important; } - .md\:text-6xl { - font-size: 4rem !important; + .md\:pt-64 { + padding-top: 16rem !important; } - .md\:italic { - font-style: italic !important; + .md\:pr-64 { + padding-right: 16rem !important; } - .md\:not-italic { - font-style: normal !important; + .md\:pb-64 { + padding-bottom: 16rem !important; } - .md\:uppercase { - text-transform: uppercase !important; + .md\:pl-64 { + padding-left: 16rem !important; } - .md\:lowercase { - text-transform: lowercase !important; + .md\:pt-px { + padding-top: 1px !important; } - .md\:capitalize { - text-transform: capitalize !important; + .md\:pr-px { + padding-right: 1px !important; } - .md\:normal-case { - text-transform: none !important; + .md\:pb-px { + padding-bottom: 1px !important; } - .md\:underline { - text-decoration: underline !important; + .md\:pl-px { + padding-left: 1px !important; } - .md\:line-through { - text-decoration: line-through !important; + .md\:placeholder-transparent::placeholder { + color: transparent !important; } - .md\:no-underline { - text-decoration: none !important; + .md\:placeholder-current::placeholder { + color: currentColor !important; } - .md\:hover\:underline:hover { - text-decoration: underline !important; + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .md\:hover\:line-through:hover { - text-decoration: line-through !important; + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .md\:hover\:no-underline:hover { - text-decoration: none !important; + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .md\:focus\:underline:focus { - text-decoration: underline !important; + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .md\:focus\:line-through:focus { - text-decoration: line-through !important; + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .md\:focus\:no-underline:focus { - text-decoration: none !important; + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .md\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .md\:tracking-tighter { - letter-spacing: -0.05em !important; + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .md\:tracking-tight { - letter-spacing: -0.025em !important; + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .md\:tracking-normal { - letter-spacing: 0 !important; + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .md\:tracking-wide { - letter-spacing: 0.025em !important; + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .md\:tracking-wider { - letter-spacing: 0.05em !important; + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .md\:tracking-widest { - letter-spacing: 0.1em !important; + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .md\:select-none { - user-select: none !important; + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .md\:select-text { - user-select: text !important; + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .md\:select-all { - user-select: all !important; + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .md\:select-auto { - user-select: auto !important; + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .md\:align-baseline { - vertical-align: baseline !important; + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .md\:align-top { - vertical-align: top !important; + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .md\:align-middle { - vertical-align: middle !important; + .md\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .md\:align-bottom { - vertical-align: bottom !important; + .md\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .md\:align-text-top { - vertical-align: text-top !important; + .md\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .md\:align-text-bottom { - vertical-align: text-bottom !important; + .md\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .md\:visible { - visibility: visible !important; + .md\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .md\:invisible { - visibility: hidden !important; + .md\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .md\:whitespace-normal { - white-space: normal !important; + .md\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .md\:whitespace-no-wrap { - white-space: nowrap !important; + .md\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } - .md\:whitespace-pre { - white-space: pre !important; + .md\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .md\:whitespace-pre-line { - white-space: pre-line !important; + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .md\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .md\:break-words { - overflow-wrap: break-word !important; + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .md\:break-all { - word-break: break-all !important; + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .md\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .md\:w-0 { - width: 0 !important; + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .md\:w-1 { - width: 0.25rem !important; + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .md\:w-2 { - width: 0.5rem !important; + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .md\:w-3 { - width: 0.75rem !important; + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .md\:w-4 { - width: 1rem !important; + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .md\:w-5 { - width: 1.25rem !important; + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .md\:w-6 { - width: 1.5rem !important; + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .md\:w-8 { - width: 2rem !important; + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .md\:w-10 { - width: 2.5rem !important; + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .md\:w-12 { - width: 3rem !important; + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .md\:w-16 { - width: 4rem !important; + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .md\:w-20 { - width: 5rem !important; + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .md\:w-24 { - width: 6rem !important; + .md\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .md\:w-32 { - width: 8rem !important; + .md\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .md\:w-40 { - width: 10rem !important; + .md\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .md\:w-48 { - width: 12rem !important; + .md\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .md\:w-56 { - width: 14rem !important; + .md\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .md\:w-64 { - width: 16rem !important; + .md\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .md\:w-auto { - width: auto !important; + .md\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .md\:w-px { - width: 1px !important; + .md\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .md\:w-1\/2 { - width: 50% !important; + .md\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .md\:w-1\/3 { - width: 33.333333% !important; + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .md\:w-2\/3 { - width: 66.666667% !important; + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .md\:w-1\/4 { - width: 25% !important; + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .md\:w-2\/4 { - width: 50% !important; + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .md\:w-3\/4 { - width: 75% !important; + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .md\:w-1\/5 { - width: 20% !important; + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .md\:w-2\/5 { - width: 40% !important; + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .md\:w-3\/5 { - width: 60% !important; + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .md\:w-4\/5 { - width: 80% !important; + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .md\:w-1\/6 { - width: 16.666667% !important; + .md\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .md\:w-2\/6 { - width: 33.333333% !important; + .md\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .md\:w-3\/6 { - width: 50% !important; + .md\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .md\:w-4\/6 { - width: 66.666667% !important; + .md\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .md\:w-5\/6 { - width: 83.333333% !important; + .md\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .md\:w-1\/12 { - width: 8.333333% !important; + .md\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .md\:w-2\/12 { - width: 16.666667% !important; + .md\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .md\:w-3\/12 { - width: 25% !important; + .md\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .md\:w-4\/12 { - width: 33.333333% !important; + .md\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .md\:w-5\/12 { - width: 41.666667% !important; + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .md\:w-6\/12 { - width: 50% !important; + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .md\:w-7\/12 { - width: 58.333333% !important; + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .md\:w-8\/12 { - width: 66.666667% !important; + .md\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .md\:w-9\/12 { - width: 75% !important; + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .md\:w-10\/12 { - width: 83.333333% !important; + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .md\:w-11\/12 { - width: 91.666667% !important; + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .md\:w-full { - width: 100% !important; + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .md\:w-screen { - width: 100vw !important; + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .md\:z-0 { - z-index: 0 !important; + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .md\:z-10 { - z-index: 10 !important; + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .md\:z-20 { - z-index: 20 !important; + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .md\:z-30 { - z-index: 30 !important; + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .md\:z-40 { - z-index: 40 !important; + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .md\:z-50 { - z-index: 50 !important; + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .md\:z-auto { - z-index: auto !important; + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .md\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .md\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .md\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .md\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; } - .md\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .md\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .md\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .md\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .md\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .md\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .md\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .md\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .md\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .md\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .md\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .md\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .md\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .md\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .md\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .md\:col-gap-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .md\:col-gap-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .md\:col-gap-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .md\:col-gap-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .md\:col-gap-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .md\:col-gap-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .md\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .md\:col-gap-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .md\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .md\:col-gap-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .md\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .md\:col-gap-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .md\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .md\:col-gap-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .md\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .md\:col-gap-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .md\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .md\:col-gap-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .md\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .md\:col-gap-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; - } + .md\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; + } - .md\:col-gap-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .md\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .md\:col-gap-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .md\:col-gap-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .md\:col-gap-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .md\:col-gap-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .md\:col-gap-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .md\:row-gap-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .md\:row-gap-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .md\:row-gap-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .md\:row-gap-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .md\:row-gap-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .md\:row-gap-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .md\:row-gap-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .md\:row-gap-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .md\:row-gap-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .md\:row-gap-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .md\:row-gap-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .md\:row-gap-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .md\:row-gap-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .md\:row-gap-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .md\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .md\:row-gap-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .md\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .md\:row-gap-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .md\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .md\:row-gap-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .md\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .md\:row-gap-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .md\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .md\:row-gap-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .md\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .md\:grid-flow-row { - grid-auto-flow: row !important; + .md\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .md\:grid-flow-col { - grid-auto-flow: column !important; + .md\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .md\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .md\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .md\:grid-cols-none { - grid-template-columns: none !important; + .md\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .md\:col-auto { - grid-column: auto !important; + .md\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .md\:col-span-1 { - grid-column: span 1 / span 1 !important; + .md\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .md\:col-span-2 { - grid-column: span 2 / span 2 !important; + .md\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .md\:col-span-3 { - grid-column: span 3 / span 3 !important; + .md\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .md\:col-span-4 { - grid-column: span 4 / span 4 !important; + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .md\:col-span-5 { - grid-column: span 5 / span 5 !important; + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .md\:col-span-6 { - grid-column: span 6 / span 6 !important; + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .md\:col-span-7 { - grid-column: span 7 / span 7 !important; + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .md\:col-span-8 { - grid-column: span 8 / span 8 !important; + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .md\:col-span-9 { - grid-column: span 9 / span 9 !important; + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .md\:col-span-10 { - grid-column: span 10 / span 10 !important; + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .md\:col-span-11 { - grid-column: span 11 / span 11 !important; + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .md\:col-span-12 { - grid-column: span 12 / span 12 !important; + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .md\:col-start-1 { - grid-column-start: 1 !important; + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .md\:col-start-2 { - grid-column-start: 2 !important; + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .md\:col-start-3 { - grid-column-start: 3 !important; + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .md\:col-start-4 { - grid-column-start: 4 !important; + .md\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .md\:col-start-5 { - grid-column-start: 5 !important; + .md\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .md\:col-start-6 { - grid-column-start: 6 !important; + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .md\:col-start-7 { - grid-column-start: 7 !important; + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .md\:col-start-8 { - grid-column-start: 8 !important; + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .md\:col-start-9 { - grid-column-start: 9 !important; + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .md\:col-start-10 { - grid-column-start: 10 !important; + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } - .md\:col-start-11 { - grid-column-start: 11 !important; + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } - .md\:col-start-12 { - grid-column-start: 12 !important; + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } - .md\:col-start-13 { - grid-column-start: 13 !important; + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } - .md\:col-start-auto { - grid-column-start: auto !important; + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } - .md\:col-end-1 { - grid-column-end: 1 !important; + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } - .md\:col-end-2 { - grid-column-end: 2 !important; + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } - .md\:col-end-3 { - grid-column-end: 3 !important; + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } - .md\:col-end-4 { - grid-column-end: 4 !important; + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } - .md\:col-end-5 { - grid-column-end: 5 !important; + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } - .md\:col-end-6 { - grid-column-end: 6 !important; + .md\:pointer-events-none { + pointer-events: none !important; } - .md\:col-end-7 { - grid-column-end: 7 !important; + .md\:pointer-events-auto { + pointer-events: auto !important; } - .md\:col-end-8 { - grid-column-end: 8 !important; + .md\:static { + position: static !important; } - .md\:col-end-9 { - grid-column-end: 9 !important; + .md\:fixed { + position: fixed !important; } - .md\:col-end-10 { - grid-column-end: 10 !important; + .md\:absolute { + position: absolute !important; } - .md\:col-end-11 { - grid-column-end: 11 !important; + .md\:relative { + position: relative !important; } - .md\:col-end-12 { - grid-column-end: 12 !important; + .md\:sticky { + position: sticky !important; } - .md\:col-end-13 { - grid-column-end: 13 !important; + .md\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .md\:col-end-auto { - grid-column-end: auto !important; + .md\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .md\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .md\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .md\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .md\:inset-x-auto { + right: auto !important; + left: auto !important; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .md\:top-0 { + top: 0 !important; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .md\:right-0 { + right: 0 !important; } - .md\:grid-rows-none { - grid-template-rows: none !important; + .md\:bottom-0 { + bottom: 0 !important; } - .md\:row-auto { - grid-row: auto !important; + .md\:left-0 { + left: 0 !important; } - .md\:row-span-1 { - grid-row: span 1 / span 1 !important; + .md\:top-auto { + top: auto !important; } - .md\:row-span-2 { - grid-row: span 2 / span 2 !important; + .md\:right-auto { + right: auto !important; } - .md\:row-span-3 { - grid-row: span 3 / span 3 !important; + .md\:bottom-auto { + bottom: auto !important; } - .md\:row-span-4 { - grid-row: span 4 / span 4 !important; + .md\:left-auto { + left: auto !important; } - .md\:row-span-5 { - grid-row: span 5 / span 5 !important; + .md\:resize-none { + resize: none !important; } - .md\:row-span-6 { - grid-row: span 6 / span 6 !important; + .md\:resize-y { + resize: vertical !important; } - .md\:row-start-1 { - grid-row-start: 1 !important; + .md\:resize-x { + resize: horizontal !important; } - .md\:row-start-2 { - grid-row-start: 2 !important; + .md\:resize { + resize: both !important; } - .md\:row-start-3 { - grid-row-start: 3 !important; + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:row-start-4 { - grid-row-start: 4 !important; + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:row-start-5 { - grid-row-start: 5 !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; } - .md\:row-start-6 { - grid-row-start: 6 !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; } - .md\:row-start-7 { - grid-row-start: 7 !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; } - .md\:row-start-auto { - grid-row-start: auto !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; } - .md\:row-end-1 { - grid-row-end: 1 !important; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:row-end-2 { - grid-row-end: 2 !important; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:row-end-3 { - grid-row-end: 3 !important; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:row-end-4 { - grid-row-end: 4 !important; + .md\:shadow-none { + box-shadow: none !important; } - .md\:row-end-5 { - grid-row-end: 5 !important; + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:row-end-6 { - grid-row-end: 6 !important; + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:row-end-7 { - grid-row-end: 7 !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; } - .md\:row-end-auto { - grid-row-end: auto !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; } - .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\: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\: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\: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\:transform-none { - transform: none !important; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:origin-center { - transform-origin: center !important; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:origin-top { - transform-origin: top !important; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:origin-top-right { - transform-origin: top right !important; + .md\:hover\:shadow-none:hover { + box-shadow: none !important; } - .md\:origin-right { - transform-origin: right !important; + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:origin-bottom-right { - transform-origin: bottom right !important; + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:origin-bottom { - transform-origin: bottom !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; } - .md\:origin-bottom-left { - transform-origin: bottom left !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; } - .md\:origin-left { - transform-origin: left !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; } - .md\:origin-top-left { - transform-origin: top left !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; } - .md\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:focus\:shadow-none:focus { + box-shadow: none !important; } - .md\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:fill-current { + fill: currentColor !important; } - .md\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:stroke-current { + stroke: currentColor !important; } - .md\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:stroke-0 { + stroke-width: 0 !important; } - .md\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:stroke-1 { + stroke-width: 1 !important; } - .md\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:stroke-2 { + stroke-width: 2 !important; } - .md\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:table-auto { + table-layout: auto !important; } - .md\:scale-x-0 { - --transform-scale-x: 0 !important; + .md\:table-fixed { + table-layout: fixed !important; } - .md\:scale-x-50 { - --transform-scale-x: .5 !important; + .md\:text-left { + text-align: left !important; } - .md\:scale-x-75 { - --transform-scale-x: .75 !important; + .md\:text-center { + text-align: center !important; } - .md\:scale-x-90 { - --transform-scale-x: .9 !important; + .md\:text-right { + text-align: right !important; } - .md\:scale-x-95 { - --transform-scale-x: .95 !important; + .md\:text-justify { + text-align: justify !important; } - .md\:scale-x-100 { - --transform-scale-x: 1 !important; + .md\:text-transparent { + color: transparent !important; } - .md\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .md\:text-current { + color: currentColor !important; } - .md\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .md\:text-black { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .md\:text-white { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .md\:text-gray-100 { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .md\:scale-y-0 { - --transform-scale-y: 0 !important; + .md\:text-gray-200 { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .md\:scale-y-50 { - --transform-scale-y: .5 !important; + .md\:text-gray-300 { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .md\:scale-y-75 { - --transform-scale-y: .75 !important; + .md\:text-gray-400 { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .md\:scale-y-90 { - --transform-scale-y: .9 !important; + .md\:text-gray-500 { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .md\:scale-y-95 { - --transform-scale-y: .95 !important; + .md\:text-gray-600 { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .md\:scale-y-100 { - --transform-scale-y: 1 !important; + .md\:text-gray-700 { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .md\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .md\:text-gray-800 { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .md\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .md\:text-gray-900 { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .md\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .md\:text-red-100 { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .md\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .md\:text-red-200 { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:text-red-300 { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:text-red-400 { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:text-red-500 { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:text-red-600 { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:text-red-700 { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:text-red-800 { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:text-red-900 { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:text-orange-100 { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:text-orange-200 { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:text-orange-300 { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .md\:text-orange-400 { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .md\:text-orange-500 { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .md\:text-orange-600 { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .md\:text-orange-700 { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .md\:text-orange-800 { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .md\:text-orange-900 { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .md\:text-yellow-100 { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .md\:text-yellow-200 { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .md\:text-yellow-300 { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .md\:text-yellow-400 { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .md\:text-yellow-500 { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .md\:text-yellow-600 { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .md\:text-yellow-700 { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .md\:text-yellow-800 { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .md\:text-yellow-900 { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .md\:text-green-100 { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .md\:text-green-200 { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .md\:text-green-300 { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .md\:text-green-400 { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .md\:text-green-500 { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:text-green-600 { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:text-green-700 { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:text-green-800 { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:text-green-900 { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:text-teal-100 { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:text-teal-200 { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:text-teal-300 { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:text-teal-400 { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:text-teal-500 { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:text-teal-600 { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .md\:text-teal-700 { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .md\:text-teal-800 { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .md\:text-teal-900 { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .md\:text-blue-100 { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .md\:text-blue-200 { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .md\:text-blue-300 { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .md\:text-blue-400 { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .md\:text-blue-500 { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .md\:text-blue-600 { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .md\:text-blue-700 { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .md\:text-blue-800 { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .md\:text-blue-900 { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .md\:text-indigo-100 { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .md\:text-indigo-200 { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .md\:text-indigo-300 { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .md\:text-indigo-400 { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .md\:text-indigo-500 { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .md\:text-indigo-600 { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .md\:text-indigo-700 { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .md\:text-indigo-800 { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .md\:rotate-0 { - --transform-rotate: 0 !important; + .md\:text-indigo-900 { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .md\:rotate-45 { - --transform-rotate: 45deg !important; + .md\:text-purple-100 { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .md\:rotate-90 { - --transform-rotate: 90deg !important; + .md\:text-purple-200 { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .md\:rotate-180 { - --transform-rotate: 180deg !important; + .md\:text-purple-300 { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .md\:-rotate-180 { - --transform-rotate: -180deg !important; + .md\:text-purple-400 { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .md\:-rotate-90 { - --transform-rotate: -90deg !important; + .md\:text-purple-500 { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .md\:-rotate-45 { - --transform-rotate: -45deg !important; + .md\:text-purple-600 { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .md\:text-purple-700 { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .md\:text-purple-800 { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .md\:text-purple-900 { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .md\:text-pink-100 { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .md\:text-pink-200 { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .md\:text-pink-300 { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .md\:text-pink-400 { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .md\:text-pink-500 { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .md\:text-pink-600 { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .md\:text-pink-700 { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .md\:text-pink-800 { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .md\:text-pink-900 { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .md\:hover\:text-transparent:hover { + color: transparent !important; } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .md\:hover\:text-current:hover { + color: currentColor !important; } - .md\:translate-x-0 { - --transform-translate-x: 0 !important; + .md\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem !important; + .md\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem !important; + .md\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem !important; + .md\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .md\:translate-x-4 { - --transform-translate-x: 1rem !important; + .md\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem !important; + .md\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem !important; + .md\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .md\:translate-x-8 { - --transform-translate-x: 2rem !important; + .md\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem !important; + .md\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .md\:translate-x-12 { - --transform-translate-x: 3rem !important; + .md\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .md\:translate-x-16 { - --transform-translate-x: 4rem !important; + .md\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .md\:translate-x-20 { - --transform-translate-x: 5rem !important; + .md\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .md\:translate-x-24 { - --transform-translate-x: 6rem !important; + .md\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .md\:translate-x-32 { - --transform-translate-x: 8rem !important; + .md\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .md\:translate-x-40 { - --transform-translate-x: 10rem !important; + .md\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .md\:translate-x-48 { - --transform-translate-x: 12rem !important; + .md\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .md\:translate-x-56 { - --transform-translate-x: 14rem !important; + .md\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .md\:translate-x-64 { - --transform-translate-x: 16rem !important; + .md\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .md\:translate-x-px { - --transform-translate-x: 1px !important; + .md\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; + .md\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; + .md\:hover\:text-orange-100:hover { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; + .md\:hover\:text-orange-200:hover { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .md\:-translate-x-4 { - --transform-translate-x: -1rem !important; + .md\:hover\:text-orange-300:hover { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; + .md\:hover\:text-orange-400:hover { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; + .md\:hover\:text-orange-500:hover { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .md\:-translate-x-8 { - --transform-translate-x: -2rem !important; + .md\:hover\:text-orange-600:hover { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; + .md\:hover\:text-orange-700:hover { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .md\:-translate-x-12 { - --transform-translate-x: -3rem !important; + .md\:hover\:text-orange-800:hover { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .md\:-translate-x-16 { - --transform-translate-x: -4rem !important; + .md\:hover\:text-orange-900:hover { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .md\:-translate-x-20 { - --transform-translate-x: -5rem !important; + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .md\:-translate-x-24 { - --transform-translate-x: -6rem !important; + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .md\:-translate-x-32 { - --transform-translate-x: -8rem !important; + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .md\:-translate-x-40 { - --transform-translate-x: -10rem !important; + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .md\:-translate-x-48 { - --transform-translate-x: -12rem !important; + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .md\:-translate-x-56 { - --transform-translate-x: -14rem !important; + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .md\:-translate-x-64 { - --transform-translate-x: -16rem !important; + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .md\:-translate-x-px { - --transform-translate-x: -1px !important; + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .md\:-translate-x-full { - --transform-translate-x: -100% !important; + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; + .md\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .md\:translate-x-1\/2 { - --transform-translate-x: 50% !important; + .md\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .md\:translate-x-full { - --transform-translate-x: 100% !important; + .md\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .md\:translate-y-0 { - --transform-translate-y: 0 !important; + .md\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem !important; + .md\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem !important; + .md\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem !important; + .md\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .md\:translate-y-4 { - --transform-translate-y: 1rem !important; + .md\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem !important; + .md\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem !important; + .md\:hover\:text-teal-100:hover { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .md\:translate-y-8 { - --transform-translate-y: 2rem !important; + .md\:hover\:text-teal-200:hover { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem !important; + .md\:hover\:text-teal-300:hover { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .md\:translate-y-12 { - --transform-translate-y: 3rem !important; + .md\:hover\:text-teal-400:hover { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .md\:translate-y-16 { - --transform-translate-y: 4rem !important; + .md\:hover\:text-teal-500:hover { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .md\:translate-y-20 { - --transform-translate-y: 5rem !important; + .md\:hover\:text-teal-600:hover { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .md\:translate-y-24 { - --transform-translate-y: 6rem !important; + .md\:hover\:text-teal-700:hover { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .md\:translate-y-32 { - --transform-translate-y: 8rem !important; + .md\:hover\:text-teal-800:hover { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .md\:translate-y-40 { - --transform-translate-y: 10rem !important; + .md\:hover\:text-teal-900:hover { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .md\:translate-y-48 { - --transform-translate-y: 12rem !important; + .md\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .md\:translate-y-56 { - --transform-translate-y: 14rem !important; + .md\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .md\:translate-y-64 { - --transform-translate-y: 16rem !important; + .md\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .md\:translate-y-px { - --transform-translate-y: 1px !important; + .md\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; + .md\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; + .md\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; + .md\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .md\:-translate-y-4 { - --transform-translate-y: -1rem !important; + .md\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; + .md\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; + .md\:hover\:text-indigo-100:hover { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .md\:-translate-y-8 { - --transform-translate-y: -2rem !important; + .md\:hover\:text-indigo-200:hover { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; + .md\:hover\:text-indigo-300:hover { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .md\:-translate-y-12 { - --transform-translate-y: -3rem !important; + .md\:hover\:text-indigo-400:hover { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .md\:-translate-y-16 { - --transform-translate-y: -4rem !important; + .md\:hover\:text-indigo-500:hover { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .md\:-translate-y-20 { - --transform-translate-y: -5rem !important; + .md\:hover\:text-indigo-600:hover { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .md\:-translate-y-24 { - --transform-translate-y: -6rem !important; + .md\:hover\:text-indigo-700:hover { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .md\:-translate-y-32 { - --transform-translate-y: -8rem !important; + .md\:hover\:text-indigo-800:hover { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .md\:-translate-y-40 { - --transform-translate-y: -10rem !important; + .md\:hover\:text-indigo-900:hover { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .md\:-translate-y-48 { - --transform-translate-y: -12rem !important; + .md\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .md\:-translate-y-56 { - --transform-translate-y: -14rem !important; + .md\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .md\:-translate-y-64 { - --transform-translate-y: -16rem !important; + .md\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .md\:-translate-y-px { - --transform-translate-y: -1px !important; + .md\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .md\:-translate-y-full { - --transform-translate-y: -100% !important; + .md\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; + .md\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .md\:translate-y-1\/2 { - --transform-translate-y: 50% !important; + .md\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .md\:translate-y-full { - --transform-translate-y: 100% !important; + .md\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .md\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .md\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .md\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .md\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .md\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .md\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .md\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .md\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .md\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .md\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .md\:focus\:text-transparent:focus { + color: transparent !important; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .md\:focus\:text-current:focus { + color: currentColor !important; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .md\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .md\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .md\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .md\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .md\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .md\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .md\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .md\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .md\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .md\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .md\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .md\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .md\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .md\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .md\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .md\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .md\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .md\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .md\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .md\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .md\:focus\:text-orange-100:focus { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .md\:focus\:text-orange-200:focus { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .md\:focus\:text-orange-300:focus { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .md\:focus\:text-orange-400:focus { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .md\:focus\:text-orange-500:focus { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .md\:focus\:text-orange-600:focus { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .md\:focus\:text-orange-700:focus { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .md\:focus\:text-orange-800:focus { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .md\:focus\:text-orange-900:focus { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .md\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .md\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .md\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .md\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .md\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .md\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .md\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .md\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .md\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .md\:focus\:text-teal-100:focus { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .md\:focus\:text-teal-200:focus { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .md\:focus\:text-teal-300:focus { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .md\:focus\:text-teal-400:focus { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .md\:focus\:text-teal-500:focus { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .md\:focus\:text-teal-600:focus { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; + .md\:focus\:text-teal-700:focus { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; + .md\:focus\:text-teal-800:focus { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .md\:focus\:text-teal-900:focus { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .md\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .md\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; + .md\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .md\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; + .md\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .md\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; + .md\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .md\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; + .md\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .md\:focus\:text-indigo-100:focus { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; + .md\:focus\:text-indigo-200:focus { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .md\:focus\:text-indigo-300:focus { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; + .md\:focus\:text-indigo-400:focus { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .md\:focus\:text-indigo-500:focus { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; + .md\:focus\:text-indigo-600:focus { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .md\:focus\:text-indigo-700:focus { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; + .md\:focus\:text-indigo-800:focus { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .md\:focus\:text-indigo-900:focus { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; + .md\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .md\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; + .md\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + .md\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .md\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; + .md\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .md\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; + .md\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .md\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; + .md\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .md\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; + .md\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .md\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; + .md\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .md\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; + .md\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .md\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; + .md\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .md\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; + .md\:text-opacity-0 { + --text-opacity: 0 !important; } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .md\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; + .md\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .md\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; + .md\:text-opacity-100 { + --text-opacity: 1 !important; } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; + .md\:italic { + font-style: italic !important; } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .md\:not-italic { + font-style: normal !important; } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; + .md\:uppercase { + text-transform: uppercase !important; } - .md\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .md\:lowercase { + text-transform: lowercase !important; } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; + .md\:capitalize { + text-transform: capitalize !important; } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .md\:normal-case { + text-transform: none !important; } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .md\:underline { + text-decoration: underline !important; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .md\:line-through { + text-decoration: line-through !important; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .md\:no-underline { + text-decoration: none !important; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .md\:hover\:underline:hover { + text-decoration: underline !important; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .md\:hover\:line-through:hover { + text-decoration: line-through !important; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .md\:hover\:no-underline:hover { + text-decoration: none !important; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .md\:focus\:underline:focus { + text-decoration: underline !important; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .md\:focus\:line-through:focus { + text-decoration: line-through !important; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .md\:focus\:no-underline:focus { + text-decoration: none !important; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .md\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .md\:tracking-tighter { + letter-spacing: -0.05em !important; } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .md\:tracking-tight { + letter-spacing: -0.025em !important; } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .md\:tracking-normal { + letter-spacing: 0 !important; } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .md\:tracking-wide { + letter-spacing: 0.025em !important; } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .md\:tracking-wider { + letter-spacing: 0.05em !important; } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .md\:tracking-widest { + letter-spacing: 0.1em !important; } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .md\:select-none { + user-select: none !important; } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .md\:select-text { + user-select: text !important; } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .md\:select-all { + user-select: all !important; } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .md\:select-auto { + user-select: auto !important; } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .md\:align-baseline { + vertical-align: baseline !important; } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .md\:align-top { + vertical-align: top !important; } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .md\:align-middle { + vertical-align: middle !important; } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .md\:align-bottom { + vertical-align: bottom !important; } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .md\:align-text-top { + vertical-align: text-top !important; } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .md\:align-text-bottom { + vertical-align: text-bottom !important; } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .md\:visible { + visibility: visible !important; } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .md\:invisible { + visibility: hidden !important; } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .md\:whitespace-normal { + white-space: normal !important; } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .md\:whitespace-no-wrap { + white-space: nowrap !important; } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .md\:whitespace-pre { + white-space: pre !important; } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .md\:whitespace-pre-line { + white-space: pre-line !important; } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .md\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .md\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .md\:break-words { + overflow-wrap: break-word !important; } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .md\:break-all { + word-break: break-all !important; } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .md\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .md\:w-0 { + width: 0 !important; } - .md\:skew-x-0 { - --transform-skew-x: 0 !important; + .md\:w-1 { + width: 0.25rem !important; } - .md\:skew-x-3 { - --transform-skew-x: 3deg !important; + .md\:w-2 { + width: 0.5rem !important; } - .md\:skew-x-6 { - --transform-skew-x: 6deg !important; + .md\:w-3 { + width: 0.75rem !important; } - .md\:skew-x-12 { - --transform-skew-x: 12deg !important; + .md\:w-4 { + width: 1rem !important; } - .md\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .md\:w-5 { + width: 1.25rem !important; } - .md\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .md\:w-6 { + width: 1.5rem !important; } - .md\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .md\:w-8 { + width: 2rem !important; } - .md\:skew-y-0 { - --transform-skew-y: 0 !important; + .md\:w-10 { + width: 2.5rem !important; } - .md\:skew-y-3 { - --transform-skew-y: 3deg !important; + .md\:w-12 { + width: 3rem !important; } - .md\:skew-y-6 { - --transform-skew-y: 6deg !important; + .md\:w-16 { + width: 4rem !important; } - .md\:skew-y-12 { - --transform-skew-y: 12deg !important; + .md\:w-20 { + width: 5rem !important; } - .md\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .md\:w-24 { + width: 6rem !important; } - .md\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .md\:w-32 { + width: 8rem !important; } - .md\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .md\:w-40 { + width: 10rem !important; } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .md\:w-48 { + width: 12rem !important; } - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + .md\:w-56 { + width: 14rem !important; } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .md\:w-64 { + width: 16rem !important; } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .md\:w-auto { + width: auto !important; } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .md\:w-px { + width: 1px !important; } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .md\:w-1\/2 { + width: 50% !important; } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .md\:w-1\/3 { + width: 33.333333% !important; } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .md\:w-2\/3 { + width: 66.666667% !important; } - .md\:hover\:skew-y-3:hover { + .md\:w-1\/4 { + width: 25% !important; + } + + .md\:w-2\/4 { + width: 50% !important; + } + + .md\:w-3\/4 { + width: 75% !important; + } + + .md\:w-1\/5 { + width: 20% !important; + } + + .md\:w-2\/5 { + width: 40% !important; + } + + .md\:w-3\/5 { + width: 60% !important; + } + + .md\:w-4\/5 { + width: 80% !important; + } + + .md\:w-1\/6 { + width: 16.666667% !important; + } + + .md\:w-2\/6 { + width: 33.333333% !important; + } + + .md\:w-3\/6 { + width: 50% !important; + } + + .md\:w-4\/6 { + width: 66.666667% !important; + } + + .md\:w-5\/6 { + width: 83.333333% !important; + } + + .md\:w-1\/12 { + width: 8.333333% !important; + } + + .md\:w-2\/12 { + width: 16.666667% !important; + } + + .md\:w-3\/12 { + width: 25% !important; + } + + .md\:w-4\/12 { + width: 33.333333% !important; + } + + .md\:w-5\/12 { + width: 41.666667% !important; + } + + .md\:w-6\/12 { + width: 50% !important; + } + + .md\:w-7\/12 { + width: 58.333333% !important; + } + + .md\:w-8\/12 { + width: 66.666667% !important; + } + + .md\:w-9\/12 { + width: 75% !important; + } + + .md\:w-10\/12 { + width: 83.333333% !important; + } + + .md\:w-11\/12 { + width: 91.666667% !important; + } + + .md\:w-full { + width: 100% !important; + } + + .md\:w-screen { + width: 100vw !important; + } + + .md\:z-0 { + z-index: 0 !important; + } + + .md\:z-10 { + z-index: 10 !important; + } + + .md\:z-20 { + z-index: 20 !important; + } + + .md\:z-30 { + z-index: 30 !important; + } + + .md\:z-40 { + z-index: 40 !important; + } + + .md\:z-50 { + z-index: 50 !important; + } + + .md\:z-auto { + z-index: auto !important; + } + + .md\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; + } + + .md\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; + } + + .md\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; + } + + .md\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; + } + + .md\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; + } + + .md\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; + } + + .md\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; + } + + .md\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; + } + + .md\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; + } + + .md\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; + } + + .md\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; + } + + .md\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; + } + + .md\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; + } + + .md\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; + } + + .md\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; + } + + .md\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; + } + + .md\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; + } + + .md\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; + } + + .md\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; + } + + .md\:col-gap-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; + } + + .md\:col-gap-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + + .md\:col-gap-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + + .md\:col-gap-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; + } + + .md\:col-gap-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; + } + + .md\:col-gap-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; + } + + .md\:col-gap-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + + .md\:col-gap-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; + } + + .md\:col-gap-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; + } + + .md\:col-gap-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; + } + + .md\:col-gap-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; + } + + .md\:col-gap-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; + } + + .md\:col-gap-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; + } + + .md\:col-gap-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; + } + + .md\:col-gap-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; + } + + .md\:col-gap-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; + } + + .md\:col-gap-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; + } + + .md\:col-gap-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; + } + + .md\:col-gap-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; + } + + .md\:row-gap-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; + } + + .md\:row-gap-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; + } + + .md\:row-gap-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; + } + + .md\:row-gap-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; + } + + .md\:row-gap-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; + } + + .md\:row-gap-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; + } + + .md\:row-gap-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; + } + + .md\:row-gap-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; + } + + .md\:row-gap-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; + } + + .md\:row-gap-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; + } + + .md\:row-gap-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; + } + + .md\:row-gap-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; + } + + .md\:row-gap-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; + } + + .md\:row-gap-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; + } + + .md\:row-gap-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; + } + + .md\:row-gap-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; + } + + .md\:row-gap-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; + } + + .md\:row-gap-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; + } + + .md\:row-gap-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; + } + + .md\:grid-flow-row { + grid-auto-flow: row !important; + } + + .md\:grid-flow-col { + grid-auto-flow: column !important; + } + + .md\:grid-flow-row-dense { + grid-auto-flow: row dense !important; + } + + .md\:grid-flow-col-dense { + grid-auto-flow: column dense !important; + } + + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } + + .md\:grid-cols-none { + grid-template-columns: none !important; + } + + .md\:col-auto { + grid-column: auto !important; + } + + .md\:col-span-1 { + grid-column: span 1 / span 1 !important; + } + + .md\:col-span-2 { + grid-column: span 2 / span 2 !important; + } + + .md\:col-span-3 { + grid-column: span 3 / span 3 !important; + } + + .md\:col-span-4 { + grid-column: span 4 / span 4 !important; + } + + .md\:col-span-5 { + grid-column: span 5 / span 5 !important; + } + + .md\:col-span-6 { + grid-column: span 6 / span 6 !important; + } + + .md\:col-span-7 { + grid-column: span 7 / span 7 !important; + } + + .md\:col-span-8 { + grid-column: span 8 / span 8 !important; + } + + .md\:col-span-9 { + grid-column: span 9 / span 9 !important; + } + + .md\:col-span-10 { + grid-column: span 10 / span 10 !important; + } + + .md\:col-span-11 { + grid-column: span 11 / span 11 !important; + } + + .md\:col-span-12 { + grid-column: span 12 / span 12 !important; + } + + .md\:col-start-1 { + grid-column-start: 1 !important; + } + + .md\:col-start-2 { + grid-column-start: 2 !important; + } + + .md\:col-start-3 { + grid-column-start: 3 !important; + } + + .md\:col-start-4 { + grid-column-start: 4 !important; + } + + .md\:col-start-5 { + grid-column-start: 5 !important; + } + + .md\:col-start-6 { + grid-column-start: 6 !important; + } + + .md\:col-start-7 { + grid-column-start: 7 !important; + } + + .md\:col-start-8 { + grid-column-start: 8 !important; + } + + .md\:col-start-9 { + grid-column-start: 9 !important; + } + + .md\:col-start-10 { + grid-column-start: 10 !important; + } + + .md\:col-start-11 { + grid-column-start: 11 !important; + } + + .md\:col-start-12 { + grid-column-start: 12 !important; + } + + .md\:col-start-13 { + grid-column-start: 13 !important; + } + + .md\:col-start-auto { + grid-column-start: auto !important; + } + + .md\:col-end-1 { + grid-column-end: 1 !important; + } + + .md\:col-end-2 { + grid-column-end: 2 !important; + } + + .md\:col-end-3 { + grid-column-end: 3 !important; + } + + .md\:col-end-4 { + grid-column-end: 4 !important; + } + + .md\:col-end-5 { + grid-column-end: 5 !important; + } + + .md\:col-end-6 { + grid-column-end: 6 !important; + } + + .md\:col-end-7 { + grid-column-end: 7 !important; + } + + .md\:col-end-8 { + grid-column-end: 8 !important; + } + + .md\:col-end-9 { + grid-column-end: 9 !important; + } + + .md\:col-end-10 { + grid-column-end: 10 !important; + } + + .md\:col-end-11 { + grid-column-end: 11 !important; + } + + .md\:col-end-12 { + grid-column-end: 12 !important; + } + + .md\:col-end-13 { + grid-column-end: 13 !important; + } + + .md\:col-end-auto { + grid-column-end: auto !important; + } + + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + } + + .md\:grid-rows-none { + grid-template-rows: none !important; + } + + .md\:row-auto { + grid-row: auto !important; + } + + .md\:row-span-1 { + grid-row: span 1 / span 1 !important; + } + + .md\:row-span-2 { + grid-row: span 2 / span 2 !important; + } + + .md\:row-span-3 { + grid-row: span 3 / span 3 !important; + } + + .md\:row-span-4 { + grid-row: span 4 / span 4 !important; + } + + .md\:row-span-5 { + grid-row: span 5 / span 5 !important; + } + + .md\:row-span-6 { + grid-row: span 6 / span 6 !important; + } + + .md\:row-start-1 { + grid-row-start: 1 !important; + } + + .md\:row-start-2 { + grid-row-start: 2 !important; + } + + .md\:row-start-3 { + grid-row-start: 3 !important; + } + + .md\:row-start-4 { + grid-row-start: 4 !important; + } + + .md\:row-start-5 { + grid-row-start: 5 !important; + } + + .md\:row-start-6 { + grid-row-start: 6 !important; + } + + .md\:row-start-7 { + grid-row-start: 7 !important; + } + + .md\:row-start-auto { + grid-row-start: auto !important; + } + + .md\:row-end-1 { + grid-row-end: 1 !important; + } + + .md\:row-end-2 { + grid-row-end: 2 !important; + } + + .md\:row-end-3 { + grid-row-end: 3 !important; + } + + .md\:row-end-4 { + grid-row-end: 4 !important; + } + + .md\:row-end-5 { + grid-row-end: 5 !important; + } + + .md\:row-end-6 { + grid-row-end: 6 !important; + } + + .md\:row-end-7 { + grid-row-end: 7 !important; + } + + .md\:row-end-auto { + grid-row-end: auto !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\: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\:transform-none { + transform: none !important; + } + + .md\:origin-center { + transform-origin: center !important; + } + + .md\:origin-top { + transform-origin: top !important; + } + + .md\:origin-top-right { + transform-origin: top right !important; + } + + .md\:origin-right { + transform-origin: right !important; + } + + .md\:origin-bottom-right { + transform-origin: bottom right !important; + } + + .md\:origin-bottom { + transform-origin: bottom !important; + } + + .md\:origin-bottom-left { + transform-origin: bottom left !important; + } + + .md\:origin-left { + transform-origin: left !important; + } + + .md\:origin-top-left { + transform-origin: top left !important; + } + + .md\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } + + .md\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } + + .md\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } + + .md\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } + + .md\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } + + .md\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } + + .md\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } + + .md\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } + + .md\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } + + .md\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } + + .md\:scale-x-0 { + --transform-scale-x: 0 !important; + } + + .md\:scale-x-50 { + --transform-scale-x: .5 !important; + } + + .md\:scale-x-75 { + --transform-scale-x: .75 !important; + } + + .md\:scale-x-90 { + --transform-scale-x: .9 !important; + } + + .md\:scale-x-95 { + --transform-scale-x: .95 !important; + } + + .md\:scale-x-100 { + --transform-scale-x: 1 !important; + } + + .md\:scale-x-105 { + --transform-scale-x: 1.05 !important; + } + + .md\:scale-x-110 { + --transform-scale-x: 1.1 !important; + } + + .md\:scale-x-125 { + --transform-scale-x: 1.25 !important; + } + + .md\:scale-x-150 { + --transform-scale-x: 1.5 !important; + } + + .md\:scale-y-0 { + --transform-scale-y: 0 !important; + } + + .md\:scale-y-50 { + --transform-scale-y: .5 !important; + } + + .md\:scale-y-75 { + --transform-scale-y: .75 !important; + } + + .md\:scale-y-90 { + --transform-scale-y: .9 !important; + } + + .md\:scale-y-95 { + --transform-scale-y: .95 !important; + } + + .md\:scale-y-100 { + --transform-scale-y: 1 !important; + } + + .md\:scale-y-105 { + --transform-scale-y: 1.05 !important; + } + + .md\:scale-y-110 { + --transform-scale-y: 1.1 !important; + } + + .md\:scale-y-125 { + --transform-scale-y: 1.25 !important; + } + + .md\:scale-y-150 { + --transform-scale-y: 1.5 !important; + } + + .md\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } + + .md\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } + + .md\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } + + .md\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } + + .md\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } + + .md\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } + + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } + + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } + + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } + + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } + + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; + } + + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; + } + + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; + } + + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; + } + + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; + } + + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; + } + + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; + } + + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; + } + + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; + } + + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; + } + + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; + } + + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; + } + + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; + } + + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; + } + + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; + } + + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; + } + + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; + } + + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; + } + + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; + } + + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; + } + + .md\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } + + .md\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } + + .md\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } + + .md\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } + + .md\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } + + .md\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } + + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } + + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } + + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } + + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } + + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; + } + + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; + } + + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; + } + + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; + } + + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; + } + + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; + } + + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; + } + + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; + } + + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; + } + + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; + } + + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; + } + + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; + } + + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; + } + + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; + } + + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; + } + + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; + } + + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; + } + + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; + } + + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; + } + + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; + } + + .md\:rotate-0 { + --transform-rotate: 0 !important; + } + + .md\:rotate-45 { + --transform-rotate: 45deg !important; + } + + .md\:rotate-90 { + --transform-rotate: 90deg !important; + } + + .md\:rotate-180 { + --transform-rotate: 180deg !important; + } + + .md\:-rotate-180 { + --transform-rotate: -180deg !important; + } + + .md\:-rotate-90 { + --transform-rotate: -90deg !important; + } + + .md\:-rotate-45 { + --transform-rotate: -45deg !important; + } + + .md\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; + } + + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; + } + + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; + } + + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; + } + + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; + } + + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; + } + + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; + } + + .md\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; + } + + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; + } + + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; + } + + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; + } + + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; + } + + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; + } + + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; + } + + .md\:translate-x-0 { + --transform-translate-x: 0 !important; + } + + .md\:translate-x-1 { + --transform-translate-x: 0.25rem !important; + } + + .md\:translate-x-2 { + --transform-translate-x: 0.5rem !important; + } + + .md\:translate-x-3 { + --transform-translate-x: 0.75rem !important; + } + + .md\:translate-x-4 { + --transform-translate-x: 1rem !important; + } + + .md\:translate-x-5 { + --transform-translate-x: 1.25rem !important; + } + + .md\:translate-x-6 { + --transform-translate-x: 1.5rem !important; + } + + .md\:translate-x-8 { + --transform-translate-x: 2rem !important; + } + + .md\:translate-x-10 { + --transform-translate-x: 2.5rem !important; + } + + .md\:translate-x-12 { + --transform-translate-x: 3rem !important; + } + + .md\:translate-x-16 { + --transform-translate-x: 4rem !important; + } + + .md\:translate-x-20 { + --transform-translate-x: 5rem !important; + } + + .md\:translate-x-24 { + --transform-translate-x: 6rem !important; + } + + .md\:translate-x-32 { + --transform-translate-x: 8rem !important; + } + + .md\:translate-x-40 { + --transform-translate-x: 10rem !important; + } + + .md\:translate-x-48 { + --transform-translate-x: 12rem !important; + } + + .md\:translate-x-56 { + --transform-translate-x: 14rem !important; + } + + .md\:translate-x-64 { + --transform-translate-x: 16rem !important; + } + + .md\:translate-x-px { + --transform-translate-x: 1px !important; + } + + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; + } + + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; + } + + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; + } + + .md\:-translate-x-4 { + --transform-translate-x: -1rem !important; + } + + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; + } + + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; + } + + .md\:-translate-x-8 { + --transform-translate-x: -2rem !important; + } + + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; + } + + .md\:-translate-x-12 { + --transform-translate-x: -3rem !important; + } + + .md\:-translate-x-16 { + --transform-translate-x: -4rem !important; + } + + .md\:-translate-x-20 { + --transform-translate-x: -5rem !important; + } + + .md\:-translate-x-24 { + --transform-translate-x: -6rem !important; + } + + .md\:-translate-x-32 { + --transform-translate-x: -8rem !important; + } + + .md\:-translate-x-40 { + --transform-translate-x: -10rem !important; + } + + .md\:-translate-x-48 { + --transform-translate-x: -12rem !important; + } + + .md\:-translate-x-56 { + --transform-translate-x: -14rem !important; + } + + .md\:-translate-x-64 { + --transform-translate-x: -16rem !important; + } + + .md\:-translate-x-px { + --transform-translate-x: -1px !important; + } + + .md\:-translate-x-full { + --transform-translate-x: -100% !important; + } + + .md\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; + } + + .md\:translate-x-1\/2 { + --transform-translate-x: 50% !important; + } + + .md\:translate-x-full { + --transform-translate-x: 100% !important; + } + + .md\:translate-y-0 { + --transform-translate-y: 0 !important; + } + + .md\:translate-y-1 { + --transform-translate-y: 0.25rem !important; + } + + .md\:translate-y-2 { + --transform-translate-y: 0.5rem !important; + } + + .md\:translate-y-3 { + --transform-translate-y: 0.75rem !important; + } + + .md\:translate-y-4 { + --transform-translate-y: 1rem !important; + } + + .md\:translate-y-5 { + --transform-translate-y: 1.25rem !important; + } + + .md\:translate-y-6 { + --transform-translate-y: 1.5rem !important; + } + + .md\:translate-y-8 { + --transform-translate-y: 2rem !important; + } + + .md\:translate-y-10 { + --transform-translate-y: 2.5rem !important; + } + + .md\:translate-y-12 { + --transform-translate-y: 3rem !important; + } + + .md\:translate-y-16 { + --transform-translate-y: 4rem !important; + } + + .md\:translate-y-20 { + --transform-translate-y: 5rem !important; + } + + .md\:translate-y-24 { + --transform-translate-y: 6rem !important; + } + + .md\:translate-y-32 { + --transform-translate-y: 8rem !important; + } + + .md\:translate-y-40 { + --transform-translate-y: 10rem !important; + } + + .md\:translate-y-48 { + --transform-translate-y: 12rem !important; + } + + .md\:translate-y-56 { + --transform-translate-y: 14rem !important; + } + + .md\:translate-y-64 { + --transform-translate-y: 16rem !important; + } + + .md\:translate-y-px { + --transform-translate-y: 1px !important; + } + + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; + } + + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; + } + + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; + } + + .md\:-translate-y-4 { + --transform-translate-y: -1rem !important; + } + + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; + } + + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; + } + + .md\:-translate-y-8 { + --transform-translate-y: -2rem !important; + } + + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; + } + + .md\:-translate-y-12 { + --transform-translate-y: -3rem !important; + } + + .md\:-translate-y-16 { + --transform-translate-y: -4rem !important; + } + + .md\:-translate-y-20 { + --transform-translate-y: -5rem !important; + } + + .md\:-translate-y-24 { + --transform-translate-y: -6rem !important; + } + + .md\:-translate-y-32 { + --transform-translate-y: -8rem !important; + } + + .md\:-translate-y-40 { + --transform-translate-y: -10rem !important; + } + + .md\:-translate-y-48 { + --transform-translate-y: -12rem !important; + } + + .md\:-translate-y-56 { + --transform-translate-y: -14rem !important; + } + + .md\:-translate-y-64 { + --transform-translate-y: -16rem !important; + } + + .md\:-translate-y-px { + --transform-translate-y: -1px !important; + } + + .md\:-translate-y-full { + --transform-translate-y: -100% !important; + } + + .md\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; + } + + .md\:translate-y-1\/2 { + --transform-translate-y: 50% !important; + } + + .md\:translate-y-full { + --transform-translate-y: 100% !important; + } + + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; + } + + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; + } + + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; + } + + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; + } + + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; + } + + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; + } + + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; + } + + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; + } + + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; + } + + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; + } + + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; + } + + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; + } + + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; + } + + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; + } + + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; + } + + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; + } + + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; + } + + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; + } + + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; + } + + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; + } + + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; + } + + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; + } + + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; + } + + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; + } + + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; + } + + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; + } + + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; + } + + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; + } + + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; + } + + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; + } + + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; + } + + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; + } + + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; + } + + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; + } + + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; + } + + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; + } + + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; + } + + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; + } + + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; + } + + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; + } + + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; + } + + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; + } + + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; + } + + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; + } + + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; + } + + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; + } + + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; + } + + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; + } + + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; + } + + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; + } + + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; + } + + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; + } + + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; + } + + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; + } + + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; + } + + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; + } + + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; + } + + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; + } + + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; + } + + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; + } + + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; + } + + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; + } + + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; + } + + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; + } + + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; + } + + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; + } + + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; + } + + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; + } + + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; + } + + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; + } + + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; + } + + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; + } + + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; + } + + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; + } + + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; + } + + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; + } + + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; + } + + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; + } + + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; + } + + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; + } + + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; + } + + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; + } + + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; + } + + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; + } + + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; + } + + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; + } + + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; + } + + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; + } + + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; + } + + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; + } + + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; + } + + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; + } + + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; + } + + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; + } + + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; + } + + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; + } + + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; + } + + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; + } + + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; + } + + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; + } + + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; + } + + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; + } + + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; + } + + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; + } + + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; + } + + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; + } + + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; + } + + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; + } + + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; + } + + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; + } + + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; + } + + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; + } + + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; + } + + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; + } + + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; + } + + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; + } + + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; + } + + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; + } + + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; + } + + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; + } + + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; + } + + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; + } + + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; + } + + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; + } + + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; + } + + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; + } + + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; + } + + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; + } + + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; + } + + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; + } + + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; + } + + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; + } + + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; + } + + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; + } + + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; + } + + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; + } + + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; + } + + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; + } + + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; + } + + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; + } + + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; + } + + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; + } + + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; + } + + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; + } + + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; + } + + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; + } + + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; + } + + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; + } + + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; + } + + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; + } + + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; + } + + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; + } + + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; + } + + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; + } + + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; + } + + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; + } + + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; + } + + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; + } + + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; + } + + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; + } + + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; + } + + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; + } + + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; + } + + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; + } + + .md\:skew-x-0 { + --transform-skew-x: 0 !important; + } + + .md\:skew-x-3 { + --transform-skew-x: 3deg !important; + } + + .md\:skew-x-6 { + --transform-skew-x: 6deg !important; + } + + .md\:skew-x-12 { + --transform-skew-x: 12deg !important; + } + + .md\:-skew-x-12 { + --transform-skew-x: -12deg !important; + } + + .md\:-skew-x-6 { + --transform-skew-x: -6deg !important; + } + + .md\:-skew-x-3 { + --transform-skew-x: -3deg !important; + } + + .md\:skew-y-0 { + --transform-skew-y: 0 !important; + } + + .md\:skew-y-3 { + --transform-skew-y: 3deg !important; + } + + .md\:skew-y-6 { + --transform-skew-y: 6deg !important; + } + + .md\:skew-y-12 { + --transform-skew-y: 12deg !important; + } + + .md\:-skew-y-12 { + --transform-skew-y: -12deg !important; + } + + .md\:-skew-y-6 { + --transform-skew-y: -6deg !important; + } + + .md\:-skew-y-3 { + --transform-skew-y: -3deg !important; + } + + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; + } + + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; + } + + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; + } + + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; + } + + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; + } + + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; + } + + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; + } + + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; + } + + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; + } + + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; + } + + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; + } + + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; + } + + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; + } + + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; + } + + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; + } + + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; + } + + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; + } + + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; + } + + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; + } + + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; + } + + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; + } + + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; + } + + .md\:focus\:skew-y-3:focus { --transform-skew-y: 3deg !important; } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; + } + + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; + } + + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; + } + + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; + } + + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; + } + + .md\:transition-none { + transition-property: none !important; + } + + .md\:transition-all { + transition-property: all !important; + } + + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + } + + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; + } + + .md\:transition-opacity { + transition-property: opacity !important; + } + + .md\:transition-shadow { + transition-property: box-shadow !important; + } + + .md\:transition-transform { + transition-property: transform !important; + } + + .md\:ease-linear { + transition-timing-function: linear !important; + } + + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + } + + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + } + + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + } + + .md\:duration-75 { + transition-duration: 75ms !important; + } + + .md\:duration-100 { + transition-duration: 100ms !important; + } + + .md\:duration-150 { + transition-duration: 150ms !important; + } + + .md\:duration-200 { + transition-duration: 200ms !important; + } + + .md\:duration-300 { + transition-duration: 300ms !important; + } + + .md\:duration-500 { + transition-duration: 500ms !important; + } + + .md\:duration-700 { + transition-duration: 700ms !important; + } + + .md\:duration-1000 { + transition-duration: 1000ms !important; + } + + .md\:delay-75 { + transition-delay: 75ms !important; + } + + .md\:delay-100 { + transition-delay: 100ms !important; + } + + .md\:delay-150 { + transition-delay: 150ms !important; + } + + .md\:delay-200 { + transition-delay: 200ms !important; + } + + .md\:delay-300 { + transition-delay: 300ms !important; + } + + .md\:delay-500 { + transition-delay: 500ms !important; + } + + .md\:delay-700 { + transition-delay: 700ms !important; + } + + .md\:delay-1000 { + transition-delay: 1000ms !important; + } + + .md\:example { + font-weight: 700; + color: #f56565; + } +} + +@media (min-width: 1024px) { + .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\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0px * var(--space-x-reverse)) !important; + margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !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\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !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\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !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\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !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\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !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\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !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\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !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\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2rem * var(--space-x-reverse)) !important; + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !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\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !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\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(3rem * var(--space-x-reverse)) !important; + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 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\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(4rem * var(--space-x-reverse)) !important; + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !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\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(5rem * var(--space-x-reverse)) !important; + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !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\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(6rem * var(--space-x-reverse)) !important; + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !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\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(8rem * var(--space-x-reverse)) !important; + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !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\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(10rem * var(--space-x-reverse)) !important; + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !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\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(12rem * var(--space-x-reverse)) !important; + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !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\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(14rem * var(--space-x-reverse)) !important; + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:transition-none { - transition-property: none !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\:transition-all { - transition-property: all !important; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(16rem * var(--space-x-reverse)) !important; + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !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\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1px * var(--space-x-reverse)) !important; + margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:transition-opacity { - transition-property: 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; } - .md\:transition-shadow { - transition-property: box-shadow !important; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:transition-transform { - transition-property: transform !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\:ease-linear { - transition-timing-function: linear !important; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !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\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !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\:duration-75 { - transition-duration: 75ms !important; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1rem * var(--space-x-reverse)) !important; + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:duration-100 { - transition-duration: 100ms !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\:duration-150 { - transition-duration: 150ms !important; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:duration-200 { - transition-duration: 200ms !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\:duration-300 { - transition-duration: 300ms !important; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:duration-500 { - transition-duration: 500ms !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\:duration-700 { - transition-duration: 700ms !important; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2rem * var(--space-x-reverse)) !important; + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:duration-1000 { - transition-duration: 1000ms !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\:example { - font-weight: 700; - color: #f56565; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-3rem * var(--space-x-reverse)) !important; + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-4rem * var(--space-x-reverse)) !important; + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-5rem * var(--space-x-reverse)) !important; + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-6rem * var(--space-x-reverse)) !important; + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-8rem * var(--space-x-reverse)) !important; + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-10rem * var(--space-x-reverse)) !important; + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-12rem * var(--space-x-reverse)) !important; + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-14rem * var(--space-x-reverse)) !important; + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-16rem * var(--space-x-reverse)) !important; + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1px * var(--space-x-reverse)) !important; + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + } + + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; + } + + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !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\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(0px * var(--divide-x-reverse)) !important; + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !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\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(2px * var(--divide-x-reverse)) !important; + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !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\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(4px * var(--divide-x-reverse)) !important; + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !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\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(8px * var(--divide-x-reverse)) !important; + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !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\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(1px * var(--divide-x-reverse)) !important; + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; + } + + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; + } + + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; + } + + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; + } + + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; + } + + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + } + + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--divide-opacity)) !important; + } + + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--divide-opacity)) !important; + } + + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--divide-opacity)) !important; + } + + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--divide-opacity)) !important; + } + + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--divide-opacity)) !important; + } + + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--divide-opacity)) !important; + } + + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--divide-opacity)) !important; + } + + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--divide-opacity)) !important; + } + + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--divide-opacity)) !important; + } + + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--divide-opacity)) !important; + } + + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--divide-opacity)) !important; + } + + .lg\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--divide-opacity)) !important; + } + + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--divide-opacity)) !important; + } + + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--divide-opacity)) !important; + } + + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--divide-opacity)) !important; + } + + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--divide-opacity)) !important; + } + + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--divide-opacity)) !important; + } + + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--divide-opacity)) !important; + } + + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--divide-opacity)) !important; + } + + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--divide-opacity)) !important; + } + + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--divide-opacity)) !important; + } + + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--divide-opacity)) !important; + } + + .lg\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--divide-opacity)) !important; + } + + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--divide-opacity)) !important; + } + + .lg\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--divide-opacity)) !important; + } + + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--divide-opacity)) !important; + } + + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--divide-opacity)) !important; + } + + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; + } + + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; + } + + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; + } + + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; + } + + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } -} -@media (min-width: 1024px) { .lg\:sr-only { position: absolute !important; width: 1px !important; @@ -31622,1116 +43017,1740 @@ video { background-color: transparent !important; } + .lg\:bg-current { + background-color: currentColor !important; + } + .lg\:bg-black { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .lg\:bg-white { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .lg\:bg-gray-100 { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .lg\:bg-gray-200 { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .lg\:bg-gray-300 { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .lg\:bg-gray-400 { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .lg\:bg-gray-500 { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .lg\:bg-gray-600 { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .lg\:bg-gray-700 { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .lg\:bg-gray-800 { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .lg\:bg-gray-900 { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .lg\:bg-red-100 { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .lg\:bg-red-200 { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .lg\:bg-red-300 { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .lg\:bg-red-400 { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .lg\:bg-red-500 { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .lg\:bg-red-600 { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .lg\:bg-red-700 { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .lg\:bg-red-800 { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .lg\:bg-red-900 { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .lg\:bg-orange-100 { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .lg\:bg-orange-200 { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .lg\:bg-orange-300 { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .lg\:bg-orange-400 { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .lg\:bg-orange-500 { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .lg\:bg-orange-600 { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .lg\:bg-orange-700 { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .lg\:bg-orange-800 { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .lg\:bg-orange-900 { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .lg\:bg-yellow-100 { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .lg\:bg-yellow-200 { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .lg\:bg-yellow-300 { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .lg\:bg-yellow-400 { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .lg\:bg-yellow-500 { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .lg\:bg-yellow-600 { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .lg\:bg-yellow-700 { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .lg\:bg-yellow-800 { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .lg\:bg-yellow-900 { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .lg\:bg-green-100 { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .lg\:bg-green-200 { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .lg\:bg-green-300 { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .lg\:bg-green-400 { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .lg\:bg-green-500 { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .lg\:bg-green-600 { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .lg\:bg-green-700 { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .lg\:bg-green-800 { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .lg\:bg-green-900 { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .lg\:bg-teal-100 { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .lg\:bg-teal-200 { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .lg\:bg-teal-300 { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .lg\:bg-teal-400 { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .lg\:bg-teal-500 { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .lg\:bg-teal-600 { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .lg\:bg-teal-700 { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .lg\:bg-teal-800 { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .lg\:bg-teal-900 { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .lg\:bg-blue-100 { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .lg\:bg-blue-200 { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .lg\:bg-blue-300 { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .lg\:bg-blue-400 { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .lg\:bg-blue-500 { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .lg\:bg-blue-600 { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .lg\:bg-blue-700 { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .lg\:bg-blue-800 { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .lg\:bg-blue-900 { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .lg\:bg-indigo-100 { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .lg\:bg-indigo-200 { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .lg\:bg-indigo-300 { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .lg\:bg-indigo-400 { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .lg\:bg-indigo-500 { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .lg\:bg-indigo-600 { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .lg\:bg-indigo-700 { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .lg\:bg-indigo-800 { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .lg\:bg-indigo-900 { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .lg\:bg-purple-100 { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .lg\:bg-purple-200 { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .lg\:bg-purple-300 { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .lg\:bg-purple-400 { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .lg\:bg-purple-500 { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .lg\:bg-purple-600 { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .lg\:bg-purple-700 { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .lg\:bg-purple-800 { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .lg\:bg-purple-900 { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .lg\:bg-pink-100 { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .lg\:bg-pink-200 { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .lg\:bg-pink-300 { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .lg\:bg-pink-400 { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .lg\:bg-pink-500 { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .lg\:bg-pink-600 { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .lg\:bg-pink-700 { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .lg\:bg-pink-800 { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .lg\:bg-pink-900 { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .lg\:hover\:bg-transparent:hover { background-color: transparent !important; } + .lg\:hover\:bg-current:hover { + background-color: currentColor !important; + } + .lg\:hover\:bg-black:hover { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .lg\:hover\:bg-white:hover { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-100:hover { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-200:hover { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-300:hover { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-400:hover { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-500:hover { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-600:hover { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-700:hover { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-800:hover { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .lg\:hover\:bg-orange-900:hover { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-100:hover { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-200:hover { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-300:hover { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-400:hover { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-500:hover { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-600:hover { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-700:hover { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-800:hover { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .lg\:hover\:bg-teal-900:hover { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-100:hover { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-200:hover { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-300:hover { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-400:hover { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-500:hover { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-600:hover { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-700:hover { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-800:hover { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .lg\:hover\:bg-indigo-900:hover { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .lg\:focus\:bg-transparent:focus { background-color: transparent !important; } + .lg\:focus\:bg-current:focus { + background-color: currentColor !important; + } + .lg\:focus\:bg-black:focus { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .lg\:focus\:bg-white:focus { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-100:focus { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-200:focus { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-300:focus { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-400:focus { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-500:focus { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-600:focus { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-700:focus { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-800:focus { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .lg\:focus\:bg-orange-900:focus { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-100:focus { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-200:focus { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-300:focus { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-400:focus { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-500:focus { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-600:focus { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-700:focus { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-800:focus { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .lg\:focus\:bg-teal-900:focus { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-100:focus { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-200:focus { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-300:focus { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-400:focus { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-500:focus { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-600:focus { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-700:focus { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-800:focus { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .lg\:focus\:bg-indigo-900:focus { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; + } + + .lg\:bg-opacity-0 { + --bg-opacity: 0 !important; + } + + .lg\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } + + .lg\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } + + .lg\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } + + .lg\:bg-opacity-100 { + --bg-opacity: 1 !important; + } + + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; + } + + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; + } + + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; + } + + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; + } + + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; + } + + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; + } + + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; + } + + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; + } + + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; + } + + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } .lg\:bg-bottom { @@ -32818,1116 +44837,1740 @@ video { border-color: transparent !important; } + .lg\:border-current { + border-color: currentColor !important; + } + .lg\:border-black { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .lg\:border-white { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .lg\:border-gray-100 { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .lg\:border-gray-200 { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .lg\:border-gray-300 { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .lg\:border-gray-400 { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .lg\:border-gray-500 { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .lg\:border-gray-600 { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .lg\:border-gray-700 { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .lg\:border-gray-800 { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .lg\:border-gray-900 { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .lg\:border-red-100 { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .lg\:border-red-200 { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .lg\:border-red-300 { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .lg\:border-red-400 { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .lg\:border-red-500 { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .lg\:border-red-600 { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .lg\:border-red-700 { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .lg\:border-red-800 { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .lg\:border-red-900 { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .lg\:border-orange-100 { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .lg\:border-orange-200 { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .lg\:border-orange-300 { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .lg\:border-orange-400 { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .lg\:border-orange-500 { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .lg\:border-orange-600 { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .lg\:border-orange-700 { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .lg\:border-orange-800 { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .lg\:border-orange-900 { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .lg\:border-yellow-100 { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .lg\:border-yellow-200 { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .lg\:border-yellow-300 { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .lg\:border-yellow-400 { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .lg\:border-yellow-500 { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .lg\:border-yellow-600 { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .lg\:border-yellow-700 { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .lg\:border-yellow-800 { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .lg\:border-yellow-900 { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .lg\:border-green-100 { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .lg\:border-green-200 { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .lg\:border-green-300 { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .lg\:border-green-400 { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .lg\:border-green-500 { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .lg\:border-green-600 { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .lg\:border-green-700 { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .lg\:border-green-800 { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .lg\:border-green-900 { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .lg\:border-teal-100 { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .lg\:border-teal-200 { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .lg\:border-teal-300 { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .lg\:border-teal-400 { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .lg\:border-teal-500 { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .lg\:border-teal-600 { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .lg\:border-teal-700 { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .lg\:border-teal-800 { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .lg\:border-teal-900 { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .lg\:border-blue-100 { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .lg\:border-blue-200 { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .lg\:border-blue-300 { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .lg\:border-blue-400 { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .lg\:border-blue-500 { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .lg\:border-blue-600 { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .lg\:border-blue-700 { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .lg\:border-blue-800 { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .lg\:border-blue-900 { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .lg\:border-indigo-100 { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .lg\:border-indigo-200 { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .lg\:border-indigo-300 { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .lg\:border-indigo-400 { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .lg\:border-indigo-500 { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .lg\:border-indigo-600 { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .lg\:border-indigo-700 { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .lg\:border-indigo-800 { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .lg\:border-indigo-900 { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .lg\:border-purple-100 { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .lg\:border-purple-200 { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .lg\:border-purple-300 { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .lg\:border-purple-400 { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .lg\:border-purple-500 { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .lg\:border-purple-600 { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .lg\:border-purple-700 { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .lg\:border-purple-800 { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .lg\:border-purple-900 { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .lg\:border-pink-100 { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .lg\:border-pink-200 { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .lg\:border-pink-300 { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .lg\:border-pink-400 { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .lg\:border-pink-500 { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .lg\:border-pink-600 { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .lg\:border-pink-700 { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .lg\:border-pink-800 { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .lg\:border-pink-900 { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .lg\:hover\:border-transparent:hover { border-color: transparent !important; } + .lg\:hover\:border-current:hover { + border-color: currentColor !important; + } + .lg\:hover\:border-black:hover { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .lg\:hover\:border-white:hover { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .lg\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .lg\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .lg\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .lg\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .lg\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .lg\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .lg\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .lg\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .lg\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .lg\:hover\:border-red-100:hover { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .lg\:hover\:border-red-200:hover { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .lg\:hover\:border-red-300:hover { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .lg\:hover\:border-red-400:hover { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .lg\:hover\:border-red-500:hover { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .lg\:hover\:border-red-600:hover { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .lg\:hover\:border-red-700:hover { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .lg\:hover\:border-red-800:hover { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .lg\:hover\:border-red-900:hover { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .lg\:hover\:border-orange-100:hover { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .lg\:hover\:border-orange-200:hover { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .lg\:hover\:border-orange-300:hover { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .lg\:hover\:border-orange-400:hover { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .lg\:hover\:border-orange-500:hover { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .lg\:hover\:border-orange-600:hover { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .lg\:hover\:border-orange-700:hover { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .lg\:hover\:border-orange-800:hover { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .lg\:hover\:border-orange-900:hover { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .lg\:hover\:border-green-100:hover { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .lg\:hover\:border-green-200:hover { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .lg\:hover\:border-green-300:hover { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .lg\:hover\:border-green-400:hover { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .lg\:hover\:border-green-500:hover { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .lg\:hover\:border-green-600:hover { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .lg\:hover\:border-green-700:hover { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .lg\:hover\:border-green-800:hover { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .lg\:hover\:border-green-900:hover { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .lg\:hover\:border-teal-100:hover { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .lg\:hover\:border-teal-200:hover { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .lg\:hover\:border-teal-300:hover { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .lg\:hover\:border-teal-400:hover { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .lg\:hover\:border-teal-500:hover { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .lg\:hover\:border-teal-600:hover { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .lg\:hover\:border-teal-700:hover { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .lg\:hover\:border-teal-800:hover { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .lg\:hover\:border-teal-900:hover { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .lg\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .lg\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .lg\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .lg\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .lg\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .lg\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .lg\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .lg\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .lg\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-100:hover { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-200:hover { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-300:hover { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-400:hover { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-500:hover { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-600:hover { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-700:hover { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-800:hover { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .lg\:hover\:border-indigo-900:hover { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .lg\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .lg\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .lg\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .lg\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .lg\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .lg\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .lg\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .lg\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .lg\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .lg\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .lg\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .lg\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .lg\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .lg\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .lg\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .lg\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .lg\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .lg\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .lg\:focus\:border-transparent:focus { border-color: transparent !important; } + .lg\:focus\:border-current:focus { + border-color: currentColor !important; + } + .lg\:focus\:border-black:focus { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .lg\:focus\:border-white:focus { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .lg\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .lg\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .lg\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .lg\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .lg\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .lg\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .lg\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .lg\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .lg\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .lg\:focus\:border-red-100:focus { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .lg\:focus\:border-red-200:focus { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .lg\:focus\:border-red-300:focus { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .lg\:focus\:border-red-400:focus { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .lg\:focus\:border-red-500:focus { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .lg\:focus\:border-red-600:focus { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .lg\:focus\:border-red-700:focus { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .lg\:focus\:border-red-800:focus { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .lg\:focus\:border-red-900:focus { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .lg\:focus\:border-orange-100:focus { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .lg\:focus\:border-orange-200:focus { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .lg\:focus\:border-orange-300:focus { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .lg\:focus\:border-orange-400:focus { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .lg\:focus\:border-orange-500:focus { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .lg\:focus\:border-orange-600:focus { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .lg\:focus\:border-orange-700:focus { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .lg\:focus\:border-orange-800:focus { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .lg\:focus\:border-orange-900:focus { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .lg\:focus\:border-green-100:focus { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .lg\:focus\:border-green-200:focus { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .lg\:focus\:border-green-300:focus { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .lg\:focus\:border-green-400:focus { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .lg\:focus\:border-green-500:focus { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .lg\:focus\:border-green-600:focus { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .lg\:focus\:border-green-700:focus { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .lg\:focus\:border-green-800:focus { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .lg\:focus\:border-green-900:focus { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .lg\:focus\:border-teal-100:focus { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .lg\:focus\:border-teal-200:focus { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .lg\:focus\:border-teal-300:focus { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .lg\:focus\:border-teal-400:focus { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .lg\:focus\:border-teal-500:focus { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .lg\:focus\:border-teal-600:focus { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .lg\:focus\:border-teal-700:focus { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .lg\:focus\:border-teal-800:focus { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .lg\:focus\:border-teal-900:focus { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .lg\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .lg\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .lg\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .lg\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .lg\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .lg\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .lg\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .lg\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .lg\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-100:focus { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-200:focus { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-300:focus { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-400:focus { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-500:focus { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-600:focus { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-700:focus { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-800:focus { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .lg\:focus\:border-indigo-900:focus { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .lg\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .lg\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .lg\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .lg\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .lg\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .lg\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .lg\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .lg\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .lg\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .lg\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .lg\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .lg\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .lg\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .lg\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .lg\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .lg\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .lg\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .lg\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; + } + + .lg\:border-opacity-0 { + --border-opacity: 0 !important; + } + + .lg\:border-opacity-25 { + --border-opacity: 0.25 !important; + } + + .lg\:border-opacity-50 { + --border-opacity: 0.5 !important; + } + + .lg\:border-opacity-75 { + --border-opacity: 0.75 !important; + } + + .lg\:border-opacity-100 { + --border-opacity: 1 !important; + } + + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; + } + + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; + } + + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; + } + + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; + } + + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; + } + + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; + } + + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; + } + + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; + } + + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; + } + + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } .lg\:rounded-none { @@ -34346,10 +46989,6 @@ video { display: inline-flex !important; } - .lg\:grid { - display: grid !important; - } - .lg\:table { display: table !important; } @@ -34386,6 +47025,18 @@ video { display: table-row !important; } + .lg\:flow-root { + display: flow-root !important; + } + + .lg\:grid { + display: grid !important; + } + + .lg\:inline-grid { + display: inline-grid !important; + } + .lg\:hidden { display: none !important; } @@ -34624,6 +47275,10 @@ video { clear: both !important; } + .lg\:clear-none { + clear: none !important; + } + .lg\:font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } @@ -34832,6 +47487,46 @@ video { height: 100vh !important; } + .lg\:text-xs { + font-size: 0.75rem !important; + } + + .lg\:text-sm { + font-size: 0.875rem !important; + } + + .lg\:text-base { + font-size: 1rem !important; + } + + .lg\:text-lg { + font-size: 1.125rem !important; + } + + .lg\:text-xl { + font-size: 1.25rem !important; + } + + .lg\:text-2xl { + font-size: 1.5rem !important; + } + + .lg\:text-3xl { + font-size: 1.875rem !important; + } + + .lg\:text-4xl { + font-size: 2.25rem !important; + } + + .lg\:text-5xl { + font-size: 3rem !important; + } + + .lg\:text-6xl { + font-size: 4rem !important; + } + .lg\:leading-3 { line-height: .75rem !important; } @@ -35120,6759 +47815,8891 @@ video { margin-right: 1.25rem !important; } - .lg\:my-6 { - margin-top: 1.5rem !important; + .lg\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .lg\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + } + + .lg\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + + .lg\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; + } + + .lg\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } + + .lg\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; + } + + .lg\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .lg\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; + } + + .lg\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .lg\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; + } + + .lg\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; + } + + .lg\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; + } + + .lg\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .lg\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; + } + + .lg\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .lg\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; + } + + .lg\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .lg\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; + } + + .lg\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .lg\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; + } + + .lg\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .lg\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; + } + + .lg\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .lg\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; + } + + .lg\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .lg\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + + .lg\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + + .lg\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; + } + + .lg\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .lg\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; + } + + .lg\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .lg\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; + } + + .lg\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; + } + + .lg\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; + } + + .lg\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .lg\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; + } + + .lg\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; + } + + .lg\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; + } + + .lg\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .lg\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; + } + + .lg\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; + } + + .lg\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; + } + + .lg\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; + } + + .lg\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; + } + + .lg\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .lg\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; + } + + .lg\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .lg\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; + } + + .lg\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; + } + + .lg\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; + } + + .lg\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .lg\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; + } + + .lg\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .lg\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; + } + + .lg\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .lg\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; + } + + .lg\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .lg\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; + } + + .lg\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .lg\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; + } + + .lg\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .lg\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; + } + + .lg\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + + .lg\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; + } + + .lg\:mt-0 { + margin-top: 0 !important; + } + + .lg\:mr-0 { + margin-right: 0 !important; + } + + .lg\:mb-0 { + margin-bottom: 0 !important; + } + + .lg\:ml-0 { + margin-left: 0 !important; + } + + .lg\:mt-1 { + margin-top: 0.25rem !important; + } + + .lg\:mr-1 { + margin-right: 0.25rem !important; + } + + .lg\:mb-1 { + margin-bottom: 0.25rem !important; + } + + .lg\:ml-1 { + margin-left: 0.25rem !important; + } + + .lg\:mt-2 { + margin-top: 0.5rem !important; + } + + .lg\:mr-2 { + margin-right: 0.5rem !important; + } + + .lg\:mb-2 { + margin-bottom: 0.5rem !important; + } + + .lg\:ml-2 { + margin-left: 0.5rem !important; + } + + .lg\:mt-3 { + margin-top: 0.75rem !important; + } + + .lg\:mr-3 { + margin-right: 0.75rem !important; + } + + .lg\:mb-3 { + margin-bottom: 0.75rem !important; + } + + .lg\:ml-3 { + margin-left: 0.75rem !important; + } + + .lg\:mt-4 { + margin-top: 1rem !important; + } + + .lg\:mr-4 { + margin-right: 1rem !important; + } + + .lg\:mb-4 { + margin-bottom: 1rem !important; + } + + .lg\:ml-4 { + margin-left: 1rem !important; + } + + .lg\:mt-5 { + margin-top: 1.25rem !important; + } + + .lg\:mr-5 { + margin-right: 1.25rem !important; + } + + .lg\:mb-5 { + margin-bottom: 1.25rem !important; + } + + .lg\:ml-5 { + margin-left: 1.25rem !important; + } + + .lg\:mt-6 { + margin-top: 1.5rem !important; + } + + .lg\:mr-6 { + margin-right: 1.5rem !important; + } + + .lg\:mb-6 { margin-bottom: 1.5rem !important; } - .lg\:mx-6 { + .lg\:ml-6 { margin-left: 1.5rem !important; - margin-right: 1.5rem !important; } - .lg\:my-8 { + .lg\:mt-8 { margin-top: 2rem !important; + } + + .lg\:mr-8 { + margin-right: 2rem !important; + } + + .lg\:mb-8 { margin-bottom: 2rem !important; } - .lg\:mx-8 { + .lg\:ml-8 { margin-left: 2rem !important; - margin-right: 2rem !important; } - .lg\:my-10 { + .lg\:mt-10 { margin-top: 2.5rem !important; + } + + .lg\:mr-10 { + margin-right: 2.5rem !important; + } + + .lg\:mb-10 { margin-bottom: 2.5rem !important; } - .lg\:mx-10 { + .lg\:ml-10 { margin-left: 2.5rem !important; - margin-right: 2.5rem !important; } - .lg\:my-12 { + .lg\:mt-12 { margin-top: 3rem !important; + } + + .lg\:mr-12 { + margin-right: 3rem !important; + } + + .lg\:mb-12 { margin-bottom: 3rem !important; } - .lg\:mx-12 { + .lg\:ml-12 { margin-left: 3rem !important; - margin-right: 3rem !important; } - .lg\:my-16 { + .lg\:mt-16 { margin-top: 4rem !important; + } + + .lg\:mr-16 { + margin-right: 4rem !important; + } + + .lg\:mb-16 { margin-bottom: 4rem !important; } - .lg\:mx-16 { + .lg\:ml-16 { margin-left: 4rem !important; - margin-right: 4rem !important; } - .lg\:my-20 { + .lg\:mt-20 { margin-top: 5rem !important; + } + + .lg\:mr-20 { + margin-right: 5rem !important; + } + + .lg\:mb-20 { margin-bottom: 5rem !important; } - .lg\:mx-20 { + .lg\:ml-20 { margin-left: 5rem !important; - margin-right: 5rem !important; } - .lg\:my-24 { + .lg\:mt-24 { margin-top: 6rem !important; + } + + .lg\:mr-24 { + margin-right: 6rem !important; + } + + .lg\:mb-24 { margin-bottom: 6rem !important; } - .lg\:mx-24 { + .lg\:ml-24 { margin-left: 6rem !important; - margin-right: 6rem !important; } - .lg\:my-32 { + .lg\:mt-32 { margin-top: 8rem !important; + } + + .lg\:mr-32 { + margin-right: 8rem !important; + } + + .lg\:mb-32 { margin-bottom: 8rem !important; } - .lg\:mx-32 { + .lg\:ml-32 { margin-left: 8rem !important; - margin-right: 8rem !important; } - .lg\:my-40 { + .lg\:mt-40 { margin-top: 10rem !important; + } + + .lg\:mr-40 { + margin-right: 10rem !important; + } + + .lg\:mb-40 { margin-bottom: 10rem !important; } - .lg\:mx-40 { + .lg\:ml-40 { margin-left: 10rem !important; - margin-right: 10rem !important; } - .lg\:my-48 { + .lg\:mt-48 { margin-top: 12rem !important; + } + + .lg\:mr-48 { + margin-right: 12rem !important; + } + + .lg\:mb-48 { margin-bottom: 12rem !important; } - .lg\:mx-48 { + .lg\:ml-48 { margin-left: 12rem !important; - margin-right: 12rem !important; } - .lg\:my-56 { + .lg\:mt-56 { margin-top: 14rem !important; + } + + .lg\:mr-56 { + margin-right: 14rem !important; + } + + .lg\:mb-56 { margin-bottom: 14rem !important; } - .lg\:mx-56 { + .lg\:ml-56 { margin-left: 14rem !important; - margin-right: 14rem !important; } - .lg\:my-64 { + .lg\:mt-64 { margin-top: 16rem !important; + } + + .lg\:mr-64 { + margin-right: 16rem !important; + } + + .lg\:mb-64 { margin-bottom: 16rem !important; } - .lg\:mx-64 { + .lg\:ml-64 { margin-left: 16rem !important; - margin-right: 16rem !important; } - .lg\:my-auto { + .lg\:mt-auto { margin-top: auto !important; + } + + .lg\:mr-auto { + margin-right: auto !important; + } + + .lg\:mb-auto { margin-bottom: auto !important; } - .lg\:mx-auto { + .lg\:ml-auto { margin-left: auto !important; - margin-right: auto !important; } - .lg\:my-px { + .lg\:mt-px { margin-top: 1px !important; + } + + .lg\:mr-px { + margin-right: 1px !important; + } + + .lg\:mb-px { margin-bottom: 1px !important; } - .lg\:mx-px { + .lg\:ml-px { margin-left: 1px !important; - margin-right: 1px !important; } - .lg\:-my-1 { + .lg\:-mt-1 { margin-top: -0.25rem !important; + } + + .lg\:-mr-1 { + margin-right: -0.25rem !important; + } + + .lg\:-mb-1 { margin-bottom: -0.25rem !important; } - .lg\:-mx-1 { + .lg\:-ml-1 { margin-left: -0.25rem !important; - margin-right: -0.25rem !important; } - .lg\:-my-2 { + .lg\:-mt-2 { margin-top: -0.5rem !important; + } + + .lg\:-mr-2 { + margin-right: -0.5rem !important; + } + + .lg\:-mb-2 { margin-bottom: -0.5rem !important; } - .lg\:-mx-2 { + .lg\:-ml-2 { margin-left: -0.5rem !important; - margin-right: -0.5rem !important; } - .lg\:-my-3 { + .lg\:-mt-3 { margin-top: -0.75rem !important; + } + + .lg\:-mr-3 { + margin-right: -0.75rem !important; + } + + .lg\:-mb-3 { margin-bottom: -0.75rem !important; } - .lg\:-mx-3 { + .lg\:-ml-3 { margin-left: -0.75rem !important; - margin-right: -0.75rem !important; } - .lg\:-my-4 { + .lg\:-mt-4 { margin-top: -1rem !important; + } + + .lg\:-mr-4 { + margin-right: -1rem !important; + } + + .lg\:-mb-4 { margin-bottom: -1rem !important; } - .lg\:-mx-4 { + .lg\:-ml-4 { margin-left: -1rem !important; - margin-right: -1rem !important; } - .lg\:-my-5 { + .lg\:-mt-5 { margin-top: -1.25rem !important; + } + + .lg\:-mr-5 { + margin-right: -1.25rem !important; + } + + .lg\:-mb-5 { margin-bottom: -1.25rem !important; } - .lg\:-mx-5 { + .lg\:-ml-5 { margin-left: -1.25rem !important; - margin-right: -1.25rem !important; } - .lg\:-my-6 { + .lg\:-mt-6 { margin-top: -1.5rem !important; + } + + .lg\:-mr-6 { + margin-right: -1.5rem !important; + } + + .lg\:-mb-6 { margin-bottom: -1.5rem !important; } - .lg\:-mx-6 { + .lg\:-ml-6 { margin-left: -1.5rem !important; - margin-right: -1.5rem !important; } - .lg\:-my-8 { + .lg\:-mt-8 { margin-top: -2rem !important; + } + + .lg\:-mr-8 { + margin-right: -2rem !important; + } + + .lg\:-mb-8 { margin-bottom: -2rem !important; } - .lg\:-mx-8 { + .lg\:-ml-8 { margin-left: -2rem !important; - margin-right: -2rem !important; } - .lg\:-my-10 { + .lg\:-mt-10 { margin-top: -2.5rem !important; + } + + .lg\:-mr-10 { + margin-right: -2.5rem !important; + } + + .lg\:-mb-10 { margin-bottom: -2.5rem !important; } - .lg\:-mx-10 { + .lg\:-ml-10 { margin-left: -2.5rem !important; - margin-right: -2.5rem !important; } - .lg\:-my-12 { + .lg\:-mt-12 { margin-top: -3rem !important; + } + + .lg\:-mr-12 { + margin-right: -3rem !important; + } + + .lg\:-mb-12 { margin-bottom: -3rem !important; } - .lg\:-mx-12 { + .lg\:-ml-12 { margin-left: -3rem !important; - margin-right: -3rem !important; } - .lg\:-my-16 { + .lg\:-mt-16 { margin-top: -4rem !important; + } + + .lg\:-mr-16 { + margin-right: -4rem !important; + } + + .lg\:-mb-16 { margin-bottom: -4rem !important; } - .lg\:-mx-16 { + .lg\:-ml-16 { margin-left: -4rem !important; - margin-right: -4rem !important; } - .lg\:-my-20 { + .lg\:-mt-20 { margin-top: -5rem !important; + } + + .lg\:-mr-20 { + margin-right: -5rem !important; + } + + .lg\:-mb-20 { margin-bottom: -5rem !important; } - .lg\:-mx-20 { + .lg\:-ml-20 { margin-left: -5rem !important; - margin-right: -5rem !important; } - .lg\:-my-24 { + .lg\:-mt-24 { margin-top: -6rem !important; + } + + .lg\:-mr-24 { + margin-right: -6rem !important; + } + + .lg\:-mb-24 { margin-bottom: -6rem !important; } - .lg\:-mx-24 { + .lg\:-ml-24 { margin-left: -6rem !important; - margin-right: -6rem !important; } - .lg\:-my-32 { + .lg\:-mt-32 { margin-top: -8rem !important; + } + + .lg\:-mr-32 { + margin-right: -8rem !important; + } + + .lg\:-mb-32 { margin-bottom: -8rem !important; } - .lg\:-mx-32 { + .lg\:-ml-32 { margin-left: -8rem !important; - margin-right: -8rem !important; } - .lg\:-my-40 { + .lg\:-mt-40 { margin-top: -10rem !important; + } + + .lg\:-mr-40 { + margin-right: -10rem !important; + } + + .lg\:-mb-40 { margin-bottom: -10rem !important; } - .lg\:-mx-40 { + .lg\:-ml-40 { margin-left: -10rem !important; - margin-right: -10rem !important; } - .lg\:-my-48 { + .lg\:-mt-48 { margin-top: -12rem !important; + } + + .lg\:-mr-48 { + margin-right: -12rem !important; + } + + .lg\:-mb-48 { margin-bottom: -12rem !important; } - .lg\:-mx-48 { + .lg\:-ml-48 { margin-left: -12rem !important; - margin-right: -12rem !important; } - .lg\:-my-56 { + .lg\:-mt-56 { margin-top: -14rem !important; + } + + .lg\:-mr-56 { + margin-right: -14rem !important; + } + + .lg\:-mb-56 { margin-bottom: -14rem !important; } - .lg\:-mx-56 { + .lg\:-ml-56 { margin-left: -14rem !important; - margin-right: -14rem !important; } - .lg\:-my-64 { + .lg\:-mt-64 { margin-top: -16rem !important; + } + + .lg\:-mr-64 { + margin-right: -16rem !important; + } + + .lg\:-mb-64 { margin-bottom: -16rem !important; } - .lg\:-mx-64 { + .lg\:-ml-64 { margin-left: -16rem !important; - margin-right: -16rem !important; } - .lg\:-my-px { + .lg\:-mt-px { margin-top: -1px !important; + } + + .lg\:-mr-px { + margin-right: -1px !important; + } + + .lg\:-mb-px { margin-bottom: -1px !important; } - .lg\:-mx-px { + .lg\:-ml-px { margin-left: -1px !important; - margin-right: -1px !important; } - .lg\:mt-0 { - margin-top: 0 !important; + .lg\:max-h-full { + max-height: 100% !important; } - .lg\:mr-0 { - margin-right: 0 !important; + .lg\:max-h-screen { + max-height: 100vh !important; } - .lg\:mb-0 { - margin-bottom: 0 !important; + .lg\:max-w-none { + max-width: none !important; } - .lg\:ml-0 { - margin-left: 0 !important; + .lg\:max-w-xs { + max-width: 20rem !important; } - .lg\:mt-1 { - margin-top: 0.25rem !important; + .lg\:max-w-sm { + max-width: 24rem !important; } - .lg\:mr-1 { - margin-right: 0.25rem !important; + .lg\:max-w-md { + max-width: 28rem !important; } - .lg\:mb-1 { - margin-bottom: 0.25rem !important; + .lg\:max-w-lg { + max-width: 32rem !important; } - .lg\:ml-1 { - margin-left: 0.25rem !important; + .lg\:max-w-xl { + max-width: 36rem !important; } - .lg\:mt-2 { - margin-top: 0.5rem !important; + .lg\:max-w-2xl { + max-width: 42rem !important; } - .lg\:mr-2 { - margin-right: 0.5rem !important; + .lg\:max-w-3xl { + max-width: 48rem !important; } - .lg\:mb-2 { - margin-bottom: 0.5rem !important; + .lg\:max-w-4xl { + max-width: 56rem !important; } - .lg\:ml-2 { - margin-left: 0.5rem !important; + .lg\:max-w-5xl { + max-width: 64rem !important; } - .lg\:mt-3 { - margin-top: 0.75rem !important; + .lg\:max-w-6xl { + max-width: 72rem !important; } - .lg\:mr-3 { - margin-right: 0.75rem !important; + .lg\:max-w-full { + max-width: 100% !important; + } + + .lg\:max-w-screen-sm { + max-width: 640px !important; + } + + .lg\:max-w-screen-md { + max-width: 768px !important; + } + + .lg\:max-w-screen-lg { + max-width: 1024px !important; + } + + .lg\:max-w-screen-xl { + max-width: 1280px !important; + } + + .lg\:min-h-0 { + min-height: 0 !important; + } + + .lg\:min-h-full { + min-height: 100% !important; + } + + .lg\:min-h-screen { + min-height: 100vh !important; + } + + .lg\:min-w-0 { + min-width: 0 !important; + } + + .lg\:min-w-full { + min-width: 100% !important; + } + + .lg\:object-contain { + object-fit: contain !important; + } + + .lg\:object-cover { + object-fit: cover !important; + } + + .lg\:object-fill { + object-fit: fill !important; + } + + .lg\:object-none { + object-fit: none !important; + } + + .lg\:object-scale-down { + object-fit: scale-down !important; + } + + .lg\:object-bottom { + object-position: bottom !important; + } + + .lg\:object-center { + object-position: center !important; + } + + .lg\:object-left { + object-position: left !important; + } + + .lg\:object-left-bottom { + object-position: left bottom !important; + } + + .lg\:object-left-top { + object-position: left top !important; } - .lg\:mb-3 { - margin-bottom: 0.75rem !important; + .lg\:object-right { + object-position: right !important; } - .lg\:ml-3 { - margin-left: 0.75rem !important; + .lg\:object-right-bottom { + object-position: right bottom !important; } - .lg\:mt-4 { - margin-top: 1rem !important; + .lg\:object-right-top { + object-position: right top !important; } - .lg\:mr-4 { - margin-right: 1rem !important; + .lg\:object-top { + object-position: top !important; } - .lg\:mb-4 { - margin-bottom: 1rem !important; + .lg\:opacity-0 { + opacity: 0 !important; } - .lg\:ml-4 { - margin-left: 1rem !important; + .lg\:opacity-25 { + opacity: 0.25 !important; } - .lg\:mt-5 { - margin-top: 1.25rem !important; + .lg\:opacity-50 { + opacity: 0.5 !important; } - .lg\:mr-5 { - margin-right: 1.25rem !important; + .lg\:opacity-75 { + opacity: 0.75 !important; } - .lg\:mb-5 { - margin-bottom: 1.25rem !important; + .lg\:opacity-100 { + opacity: 1 !important; } - .lg\:ml-5 { - margin-left: 1.25rem !important; + .lg\:hover\:opacity-0:hover { + opacity: 0 !important; } - .lg\:mt-6 { - margin-top: 1.5rem !important; + .lg\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .lg\:mr-6 { - margin-right: 1.5rem !important; + .lg\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .lg\:mb-6 { - margin-bottom: 1.5rem !important; + .lg\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .lg\:ml-6 { - margin-left: 1.5rem !important; + .lg\:hover\:opacity-100:hover { + opacity: 1 !important; } - .lg\:mt-8 { - margin-top: 2rem !important; + .lg\:focus\:opacity-0:focus { + opacity: 0 !important; } - .lg\:mr-8 { - margin-right: 2rem !important; + .lg\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .lg\:mb-8 { - margin-bottom: 2rem !important; + .lg\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .lg\:ml-8 { - margin-left: 2rem !important; + .lg\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .lg\:mt-10 { - margin-top: 2.5rem !important; + .lg\:focus\:opacity-100:focus { + opacity: 1 !important; } - .lg\:mr-10 { - margin-right: 2.5rem !important; + .lg\:outline-none { + outline: 0 !important; } - .lg\:mb-10 { - margin-bottom: 2.5rem !important; + .lg\:focus\:outline-none:focus { + outline: 0 !important; } - .lg\:ml-10 { - margin-left: 2.5rem !important; + .lg\:overflow-auto { + overflow: auto !important; } - .lg\:mt-12 { - margin-top: 3rem !important; + .lg\:overflow-hidden { + overflow: hidden !important; } - .lg\:mr-12 { - margin-right: 3rem !important; + .lg\:overflow-visible { + overflow: visible !important; } - .lg\:mb-12 { - margin-bottom: 3rem !important; + .lg\:overflow-scroll { + overflow: scroll !important; } - .lg\:ml-12 { - margin-left: 3rem !important; + .lg\:overflow-x-auto { + overflow-x: auto !important; } - .lg\:mt-16 { - margin-top: 4rem !important; + .lg\:overflow-y-auto { + overflow-y: auto !important; } - .lg\:mr-16 { - margin-right: 4rem !important; + .lg\:overflow-x-hidden { + overflow-x: hidden !important; } - .lg\:mb-16 { - margin-bottom: 4rem !important; + .lg\:overflow-y-hidden { + overflow-y: hidden !important; } - .lg\:ml-16 { - margin-left: 4rem !important; + .lg\:overflow-x-visible { + overflow-x: visible !important; } - .lg\:mt-20 { - margin-top: 5rem !important; + .lg\:overflow-y-visible { + overflow-y: visible !important; } - .lg\:mr-20 { - margin-right: 5rem !important; + .lg\:overflow-x-scroll { + overflow-x: scroll !important; } - .lg\:mb-20 { - margin-bottom: 5rem !important; + .lg\:overflow-y-scroll { + overflow-y: scroll !important; } - .lg\:ml-20 { - margin-left: 5rem !important; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .lg\:mt-24 { - margin-top: 6rem !important; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .lg\:mr-24 { - margin-right: 6rem !important; + .lg\:p-0 { + padding: 0 !important; } - .lg\:mb-24 { - margin-bottom: 6rem !important; + .lg\:p-1 { + padding: 0.25rem !important; } - .lg\:ml-24 { - margin-left: 6rem !important; + .lg\:p-2 { + padding: 0.5rem !important; } - .lg\:mt-32 { - margin-top: 8rem !important; + .lg\:p-3 { + padding: 0.75rem !important; } - .lg\:mr-32 { - margin-right: 8rem !important; + .lg\:p-4 { + padding: 1rem !important; } - .lg\:mb-32 { - margin-bottom: 8rem !important; + .lg\:p-5 { + padding: 1.25rem !important; } - .lg\:ml-32 { - margin-left: 8rem !important; + .lg\:p-6 { + padding: 1.5rem !important; } - .lg\:mt-40 { - margin-top: 10rem !important; + .lg\:p-8 { + padding: 2rem !important; } - .lg\:mr-40 { - margin-right: 10rem !important; + .lg\:p-10 { + padding: 2.5rem !important; } - .lg\:mb-40 { - margin-bottom: 10rem !important; + .lg\:p-12 { + padding: 3rem !important; } - .lg\:ml-40 { - margin-left: 10rem !important; + .lg\:p-16 { + padding: 4rem !important; } - .lg\:mt-48 { - margin-top: 12rem !important; + .lg\:p-20 { + padding: 5rem !important; } - .lg\:mr-48 { - margin-right: 12rem !important; + .lg\:p-24 { + padding: 6rem !important; } - .lg\:mb-48 { - margin-bottom: 12rem !important; + .lg\:p-32 { + padding: 8rem !important; } - .lg\:ml-48 { - margin-left: 12rem !important; + .lg\:p-40 { + padding: 10rem !important; } - .lg\:mt-56 { - margin-top: 14rem !important; + .lg\:p-48 { + padding: 12rem !important; } - .lg\:mr-56 { - margin-right: 14rem !important; + .lg\:p-56 { + padding: 14rem !important; } - .lg\:mb-56 { - margin-bottom: 14rem !important; + .lg\:p-64 { + padding: 16rem !important; } - .lg\:ml-56 { - margin-left: 14rem !important; + .lg\:p-px { + padding: 1px !important; } - .lg\:mt-64 { - margin-top: 16rem !important; + .lg\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .lg\:mr-64 { - margin-right: 16rem !important; + .lg\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .lg\:mb-64 { - margin-bottom: 16rem !important; + .lg\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .lg\:ml-64 { - margin-left: 16rem !important; + .lg\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .lg\:mt-auto { - margin-top: auto !important; + .lg\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .lg\:mr-auto { - margin-right: auto !important; + .lg\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .lg\:mb-auto { - margin-bottom: auto !important; + .lg\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .lg\:ml-auto { - margin-left: auto !important; + .lg\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .lg\:mt-px { - margin-top: 1px !important; + .lg\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .lg\:mr-px { - margin-right: 1px !important; + .lg\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .lg\:mb-px { - margin-bottom: 1px !important; + .lg\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .lg\:ml-px { - margin-left: 1px !important; + .lg\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .lg\:-mt-1 { - margin-top: -0.25rem !important; + .lg\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .lg\:-mr-1 { - margin-right: -0.25rem !important; + .lg\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .lg\:-mb-1 { - margin-bottom: -0.25rem !important; + .lg\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .lg\:-ml-1 { - margin-left: -0.25rem !important; + .lg\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .lg\:-mt-2 { - margin-top: -0.5rem !important; + .lg\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .lg\:-mr-2 { - margin-right: -0.5rem !important; + .lg\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .lg\:-mb-2 { - margin-bottom: -0.5rem !important; + .lg\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .lg\:-ml-2 { - margin-left: -0.5rem !important; + .lg\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .lg\:-mt-3 { - margin-top: -0.75rem !important; + .lg\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .lg\:-mr-3 { - margin-right: -0.75rem !important; + .lg\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .lg\:-mb-3 { - margin-bottom: -0.75rem !important; + .lg\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .lg\:-ml-3 { - margin-left: -0.75rem !important; + .lg\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .lg\:-mt-4 { - margin-top: -1rem !important; + .lg\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .lg\:-mr-4 { - margin-right: -1rem !important; + .lg\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .lg\:-mb-4 { - margin-bottom: -1rem !important; + .lg\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .lg\:-ml-4 { - margin-left: -1rem !important; + .lg\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .lg\:-mt-5 { - margin-top: -1.25rem !important; + .lg\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .lg\:-mr-5 { - margin-right: -1.25rem !important; + .lg\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .lg\:-mb-5 { - margin-bottom: -1.25rem !important; + .lg\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .lg\:-ml-5 { - margin-left: -1.25rem !important; + .lg\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .lg\:-mt-6 { - margin-top: -1.5rem !important; + .lg\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .lg\:-mr-6 { - margin-right: -1.5rem !important; + .lg\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .lg\:-mb-6 { - margin-bottom: -1.5rem !important; + .lg\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .lg\:-ml-6 { - margin-left: -1.5rem !important; + .lg\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .lg\:-mt-8 { - margin-top: -2rem !important; + .lg\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .lg\:-mr-8 { - margin-right: -2rem !important; + .lg\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .lg\:-mb-8 { - margin-bottom: -2rem !important; + .lg\:pt-0 { + padding-top: 0 !important; } - .lg\:-ml-8 { - margin-left: -2rem !important; + .lg\:pr-0 { + padding-right: 0 !important; } - .lg\:-mt-10 { - margin-top: -2.5rem !important; + .lg\:pb-0 { + padding-bottom: 0 !important; } - .lg\:-mr-10 { - margin-right: -2.5rem !important; + .lg\:pl-0 { + padding-left: 0 !important; } - .lg\:-mb-10 { - margin-bottom: -2.5rem !important; + .lg\:pt-1 { + padding-top: 0.25rem !important; } - .lg\:-ml-10 { - margin-left: -2.5rem !important; + .lg\:pr-1 { + padding-right: 0.25rem !important; } - .lg\:-mt-12 { - margin-top: -3rem !important; + .lg\:pb-1 { + padding-bottom: 0.25rem !important; } - .lg\:-mr-12 { - margin-right: -3rem !important; + .lg\:pl-1 { + padding-left: 0.25rem !important; } - .lg\:-mb-12 { - margin-bottom: -3rem !important; + .lg\:pt-2 { + padding-top: 0.5rem !important; } - .lg\:-ml-12 { - margin-left: -3rem !important; + .lg\:pr-2 { + padding-right: 0.5rem !important; } - .lg\:-mt-16 { - margin-top: -4rem !important; + .lg\:pb-2 { + padding-bottom: 0.5rem !important; } - .lg\:-mr-16 { - margin-right: -4rem !important; + .lg\:pl-2 { + padding-left: 0.5rem !important; } - .lg\:-mb-16 { - margin-bottom: -4rem !important; + .lg\:pt-3 { + padding-top: 0.75rem !important; } - .lg\:-ml-16 { - margin-left: -4rem !important; + .lg\:pr-3 { + padding-right: 0.75rem !important; } - .lg\:-mt-20 { - margin-top: -5rem !important; + .lg\:pb-3 { + padding-bottom: 0.75rem !important; } - .lg\:-mr-20 { - margin-right: -5rem !important; + .lg\:pl-3 { + padding-left: 0.75rem !important; } - .lg\:-mb-20 { - margin-bottom: -5rem !important; + .lg\:pt-4 { + padding-top: 1rem !important; } - .lg\:-ml-20 { - margin-left: -5rem !important; + .lg\:pr-4 { + padding-right: 1rem !important; } - .lg\:-mt-24 { - margin-top: -6rem !important; + .lg\:pb-4 { + padding-bottom: 1rem !important; } - .lg\:-mr-24 { - margin-right: -6rem !important; + .lg\:pl-4 { + padding-left: 1rem !important; } - .lg\:-mb-24 { - margin-bottom: -6rem !important; + .lg\:pt-5 { + padding-top: 1.25rem !important; } - .lg\:-ml-24 { - margin-left: -6rem !important; + .lg\:pr-5 { + padding-right: 1.25rem !important; } - .lg\:-mt-32 { - margin-top: -8rem !important; + .lg\:pb-5 { + padding-bottom: 1.25rem !important; } - .lg\:-mr-32 { - margin-right: -8rem !important; + .lg\:pl-5 { + padding-left: 1.25rem !important; } - .lg\:-mb-32 { - margin-bottom: -8rem !important; + .lg\:pt-6 { + padding-top: 1.5rem !important; } - .lg\:-ml-32 { - margin-left: -8rem !important; + .lg\:pr-6 { + padding-right: 1.5rem !important; + } + + .lg\:pb-6 { + padding-bottom: 1.5rem !important; } - .lg\:-mt-40 { - margin-top: -10rem !important; + .lg\:pl-6 { + padding-left: 1.5rem !important; } - .lg\:-mr-40 { - margin-right: -10rem !important; + .lg\:pt-8 { + padding-top: 2rem !important; } - .lg\:-mb-40 { - margin-bottom: -10rem !important; + .lg\:pr-8 { + padding-right: 2rem !important; } - .lg\:-ml-40 { - margin-left: -10rem !important; + .lg\:pb-8 { + padding-bottom: 2rem !important; } - .lg\:-mt-48 { - margin-top: -12rem !important; + .lg\:pl-8 { + padding-left: 2rem !important; } - .lg\:-mr-48 { - margin-right: -12rem !important; + .lg\:pt-10 { + padding-top: 2.5rem !important; } - .lg\:-mb-48 { - margin-bottom: -12rem !important; + .lg\:pr-10 { + padding-right: 2.5rem !important; } - .lg\:-ml-48 { - margin-left: -12rem !important; + .lg\:pb-10 { + padding-bottom: 2.5rem !important; } - .lg\:-mt-56 { - margin-top: -14rem !important; + .lg\:pl-10 { + padding-left: 2.5rem !important; } - .lg\:-mr-56 { - margin-right: -14rem !important; + .lg\:pt-12 { + padding-top: 3rem !important; } - .lg\:-mb-56 { - margin-bottom: -14rem !important; + .lg\:pr-12 { + padding-right: 3rem !important; } - .lg\:-ml-56 { - margin-left: -14rem !important; + .lg\:pb-12 { + padding-bottom: 3rem !important; } - .lg\:-mt-64 { - margin-top: -16rem !important; + .lg\:pl-12 { + padding-left: 3rem !important; } - .lg\:-mr-64 { - margin-right: -16rem !important; + .lg\:pt-16 { + padding-top: 4rem !important; } - .lg\:-mb-64 { - margin-bottom: -16rem !important; + .lg\:pr-16 { + padding-right: 4rem !important; } - .lg\:-ml-64 { - margin-left: -16rem !important; + .lg\:pb-16 { + padding-bottom: 4rem !important; } - .lg\:-mt-px { - margin-top: -1px !important; + .lg\:pl-16 { + padding-left: 4rem !important; } - .lg\:-mr-px { - margin-right: -1px !important; + .lg\:pt-20 { + padding-top: 5rem !important; } - .lg\:-mb-px { - margin-bottom: -1px !important; + .lg\:pr-20 { + padding-right: 5rem !important; } - .lg\:-ml-px { - margin-left: -1px !important; + .lg\:pb-20 { + padding-bottom: 5rem !important; } - .lg\:max-h-full { - max-height: 100% !important; + .lg\:pl-20 { + padding-left: 5rem !important; } - .lg\:max-h-screen { - max-height: 100vh !important; + .lg\:pt-24 { + padding-top: 6rem !important; } - .lg\:max-w-none { - max-width: none !important; + .lg\:pr-24 { + padding-right: 6rem !important; } - .lg\:max-w-xs { - max-width: 20rem !important; + .lg\:pb-24 { + padding-bottom: 6rem !important; } - .lg\:max-w-sm { - max-width: 24rem !important; + .lg\:pl-24 { + padding-left: 6rem !important; } - .lg\:max-w-md { - max-width: 28rem !important; + .lg\:pt-32 { + padding-top: 8rem !important; } - .lg\:max-w-lg { - max-width: 32rem !important; + .lg\:pr-32 { + padding-right: 8rem !important; } - .lg\:max-w-xl { - max-width: 36rem !important; + .lg\:pb-32 { + padding-bottom: 8rem !important; } - .lg\:max-w-2xl { - max-width: 42rem !important; + .lg\:pl-32 { + padding-left: 8rem !important; } - .lg\:max-w-3xl { - max-width: 48rem !important; + .lg\:pt-40 { + padding-top: 10rem !important; } - .lg\:max-w-4xl { - max-width: 56rem !important; + .lg\:pr-40 { + padding-right: 10rem !important; } - .lg\:max-w-5xl { - max-width: 64rem !important; + .lg\:pb-40 { + padding-bottom: 10rem !important; } - .lg\:max-w-6xl { - max-width: 72rem !important; + .lg\:pl-40 { + padding-left: 10rem !important; } - .lg\:max-w-full { - max-width: 100% !important; + .lg\:pt-48 { + padding-top: 12rem !important; } - .lg\:max-w-screen-sm { - max-width: 640px !important; + .lg\:pr-48 { + padding-right: 12rem !important; } - .lg\:max-w-screen-md { - max-width: 768px !important; + .lg\:pb-48 { + padding-bottom: 12rem !important; } - .lg\:max-w-screen-lg { - max-width: 1024px !important; + .lg\:pl-48 { + padding-left: 12rem !important; } - .lg\:max-w-screen-xl { - max-width: 1280px !important; + .lg\:pt-56 { + padding-top: 14rem !important; } - .lg\:min-h-0 { - min-height: 0 !important; + .lg\:pr-56 { + padding-right: 14rem !important; } - .lg\:min-h-full { - min-height: 100% !important; + .lg\:pb-56 { + padding-bottom: 14rem !important; } - .lg\:min-h-screen { - min-height: 100vh !important; + .lg\:pl-56 { + padding-left: 14rem !important; } - .lg\:min-w-0 { - min-width: 0 !important; + .lg\:pt-64 { + padding-top: 16rem !important; } - .lg\:min-w-full { - min-width: 100% !important; + .lg\:pr-64 { + padding-right: 16rem !important; } - .lg\:object-contain { - object-fit: contain !important; + .lg\:pb-64 { + padding-bottom: 16rem !important; } - .lg\:object-cover { - object-fit: cover !important; + .lg\:pl-64 { + padding-left: 16rem !important; } - .lg\:object-fill { - object-fit: fill !important; + .lg\:pt-px { + padding-top: 1px !important; } - .lg\:object-none { - object-fit: none !important; + .lg\:pr-px { + padding-right: 1px !important; } - .lg\:object-scale-down { - object-fit: scale-down !important; + .lg\:pb-px { + padding-bottom: 1px !important; } - .lg\:object-bottom { - object-position: bottom !important; + .lg\:pl-px { + padding-left: 1px !important; } - .lg\:object-center { - object-position: center !important; + .lg\:placeholder-transparent::placeholder { + color: transparent !important; } - .lg\:object-left { - object-position: left !important; + .lg\:placeholder-current::placeholder { + color: currentColor !important; } - .lg\:object-left-bottom { - object-position: left bottom !important; + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .lg\:object-left-top { - object-position: left top !important; + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .lg\:object-right { - object-position: right !important; + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .lg\:object-right-bottom { - object-position: right bottom !important; + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .lg\:object-right-top { - object-position: right top !important; + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .lg\:object-top { - object-position: top !important; + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .lg\:opacity-0 { - opacity: 0 !important; + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .lg\:opacity-25 { - opacity: 0.25 !important; + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .lg\:opacity-50 { - opacity: 0.5 !important; + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .lg\:opacity-75 { - opacity: 0.75 !important; + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .lg\:opacity-100 { - opacity: 1 !important; + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .lg\:hover\:opacity-0:hover { - opacity: 0 !important; + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .lg\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .lg\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .lg\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .lg\:hover\:opacity-100:hover { - opacity: 1 !important; + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .lg\:focus\:opacity-0:focus { - opacity: 0 !important; + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .lg\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .lg\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .lg\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .lg\:focus\:opacity-100:focus { - opacity: 1 !important; + .lg\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .lg\:outline-none { - outline: 0 !important; + .lg\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .lg\:focus\:outline-none:focus { - outline: 0 !important; + .lg\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .lg\:overflow-auto { - overflow: auto !important; + .lg\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .lg\:overflow-hidden { - overflow: hidden !important; + .lg\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .lg\:overflow-visible { - overflow: visible !important; + .lg\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .lg\:overflow-scroll { - overflow: scroll !important; + .lg\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .lg\:overflow-x-auto { - overflow-x: auto !important; + .lg\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } - .lg\:overflow-y-auto { - overflow-y: auto !important; + .lg\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .lg\:overflow-x-hidden { - overflow-x: hidden !important; + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .lg\:overflow-y-hidden { - overflow-y: hidden !important; + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .lg\:overflow-x-visible { - overflow-x: visible !important; + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .lg\:overflow-y-visible { - overflow-y: visible !important; + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .lg\:overflow-x-scroll { - overflow-x: scroll !important; + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .lg\:overflow-y-scroll { - overflow-y: scroll !important; + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .lg\:p-0 { - padding: 0 !important; + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .lg\:p-1 { - padding: 0.25rem !important; + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .lg\:p-2 { - padding: 0.5rem !important; + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .lg\:p-3 { - padding: 0.75rem !important; + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .lg\:p-4 { - padding: 1rem !important; + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .lg\:p-5 { - padding: 1.25rem !important; + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .lg\:p-6 { - padding: 1.5rem !important; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .lg\:p-8 { - padding: 2rem !important; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .lg\:p-10 { - padding: 2.5rem !important; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .lg\:p-12 { - padding: 3rem !important; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .lg\:p-16 { - padding: 4rem !important; + .lg\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .lg\:p-20 { - padding: 5rem !important; + .lg\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .lg\:p-24 { - padding: 6rem !important; + .lg\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .lg\:p-32 { - padding: 8rem !important; + .lg\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .lg\:p-40 { - padding: 10rem !important; + .lg\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .lg\:p-48 { - padding: 12rem !important; + .lg\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .lg\:p-56 { - padding: 14rem !important; + .lg\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .lg\:p-64 { - padding: 16rem !important; + .lg\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .lg\:p-px { - padding: 1px !important; + .lg\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .lg\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .lg\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .lg\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .lg\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .lg\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .lg\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .lg\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .lg\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .lg\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .lg\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .lg\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .lg\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .lg\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .lg\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .lg\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .lg\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .lg\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .lg\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .lg\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .lg\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .lg\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .lg\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .lg\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .lg\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .lg\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .lg\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .lg\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .lg\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .lg\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .lg\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .lg\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .lg\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .lg\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .lg\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .lg\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .lg\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .lg\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .lg\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .lg\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .lg\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .lg\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .lg\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .lg\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .lg\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .lg\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .lg\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .lg\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .lg\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .lg\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; } - .lg\:pt-0 { - padding-top: 0 !important; + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .lg\:pr-0 { - padding-right: 0 !important; + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .lg\:pb-0 { - padding-bottom: 0 !important; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } - .lg\:pl-0 { - padding-left: 0 !important; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } - .lg\:pt-1 { - padding-top: 0.25rem !important; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } - .lg\:pr-1 { - padding-right: 0.25rem !important; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } - .lg\:pb-1 { - padding-bottom: 0.25rem !important; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } - .lg\:pl-1 { - padding-left: 0.25rem !important; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } - .lg\:pt-2 { - padding-top: 0.5rem !important; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } - .lg\:pr-2 { - padding-right: 0.5rem !important; + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } - .lg\:pb-2 { - padding-bottom: 0.5rem !important; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } - .lg\:pl-2 { - padding-left: 0.5rem !important; + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } - .lg\:pt-3 { - padding-top: 0.75rem !important; + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } - .lg\:pr-3 { - padding-right: 0.75rem !important; + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } - .lg\:pb-3 { - padding-bottom: 0.75rem !important; + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } - .lg\:pl-3 { - padding-left: 0.75rem !important; + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } - .lg\:pt-4 { - padding-top: 1rem !important; + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } - .lg\:pr-4 { - padding-right: 1rem !important; + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } - .lg\:pb-4 { - padding-bottom: 1rem !important; + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } - .lg\:pl-4 { - padding-left: 1rem !important; + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } - .lg\:pt-5 { - padding-top: 1.25rem !important; + .lg\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } - .lg\:pr-5 { - padding-right: 1.25rem !important; + .lg\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } - .lg\:pb-5 { - padding-bottom: 1.25rem !important; + .lg\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } - .lg\:pl-5 { - padding-left: 1.25rem !important; + .lg\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } - .lg\:pt-6 { - padding-top: 1.5rem !important; + .lg\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } - .lg\:pr-6 { - padding-right: 1.5rem !important; + .lg\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } - .lg\:pb-6 { - padding-bottom: 1.5rem !important; + .lg\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } - .lg\:pl-6 { - padding-left: 1.5rem !important; + .lg\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } - .lg\:pt-8 { - padding-top: 2rem !important; + .lg\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } - .lg\:pr-8 { - padding-right: 2rem !important; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } - .lg\:pb-8 { - padding-bottom: 2rem !important; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } - .lg\:pl-8 { - padding-left: 2rem !important; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } - .lg\:pt-10 { - padding-top: 2.5rem !important; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } - .lg\:pr-10 { - padding-right: 2.5rem !important; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } - .lg\:pb-10 { - padding-bottom: 2.5rem !important; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } - .lg\:pl-10 { - padding-left: 2.5rem !important; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } - .lg\:pt-12 { - padding-top: 3rem !important; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } - .lg\:pr-12 { - padding-right: 3rem !important; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } - .lg\:pb-12 { - padding-bottom: 3rem !important; + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } - .lg\:pl-12 { - padding-left: 3rem !important; + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } - .lg\:pt-16 { - padding-top: 4rem !important; + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } - .lg\:pr-16 { - padding-right: 4rem !important; + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } - .lg\:pb-16 { - padding-bottom: 4rem !important; + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } - .lg\:pl-16 { - padding-left: 4rem !important; + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } - .lg\:pt-20 { - padding-top: 5rem !important; + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } - .lg\:pr-20 { - padding-right: 5rem !important; + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } - .lg\:pb-20 { - padding-bottom: 5rem !important; + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } - .lg\:pl-20 { - padding-left: 5rem !important; + .lg\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } - .lg\:pt-24 { - padding-top: 6rem !important; + .lg\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } - .lg\:pr-24 { - padding-right: 6rem !important; + .lg\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } - .lg\:pb-24 { - padding-bottom: 6rem !important; + .lg\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } - .lg\:pl-24 { - padding-left: 6rem !important; + .lg\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } - .lg\:pt-32 { - padding-top: 8rem !important; + .lg\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } - .lg\:pr-32 { - padding-right: 8rem !important; + .lg\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } - .lg\:pb-32 { - padding-bottom: 8rem !important; + .lg\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } - .lg\:pl-32 { - padding-left: 8rem !important; + .lg\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } - .lg\:pt-40 { - padding-top: 10rem !important; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } - .lg\:pr-40 { - padding-right: 10rem !important; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } - .lg\:pb-40 { - padding-bottom: 10rem !important; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } - .lg\:pl-40 { - padding-left: 10rem !important; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } - .lg\:pt-48 { - padding-top: 12rem !important; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } - .lg\:pr-48 { - padding-right: 12rem !important; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } - .lg\:pb-48 { - padding-bottom: 12rem !important; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } - .lg\:pl-48 { - padding-left: 12rem !important; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } - .lg\:pt-56 { - padding-top: 14rem !important; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } - .lg\:pr-56 { - padding-right: 14rem !important; + .lg\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } - .lg\:pb-56 { - padding-bottom: 14rem !important; + .lg\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } - .lg\:pl-56 { - padding-left: 14rem !important; + .lg\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } - .lg\:pt-64 { - padding-top: 16rem !important; + .lg\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } - .lg\:pr-64 { - padding-right: 16rem !important; + .lg\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } - .lg\:pb-64 { - padding-bottom: 16rem !important; + .lg\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } - .lg\:pl-64 { - padding-left: 16rem !important; + .lg\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } - .lg\:pt-px { - padding-top: 1px !important; + .lg\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } - .lg\:pr-px { - padding-right: 1px !important; + .lg\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } - .lg\:pb-px { - padding-bottom: 1px !important; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } - .lg\:pl-px { - padding-left: 1px !important; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } - .lg\:placeholder-transparent::placeholder { - color: transparent !important; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } - .lg\:placeholder-black::placeholder { - color: #000 !important; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } - .lg\:placeholder-white::placeholder { - color: #fff !important; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-100::placeholder { - color: #f7fafc !important; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-200::placeholder { - color: #edf2f7 !important; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-300::placeholder { - color: #e2e8f0 !important; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-400::placeholder { - color: #cbd5e0 !important; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-500::placeholder { - color: #a0aec0 !important; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-600::placeholder { - color: #718096 !important; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-700::placeholder { - color: #4a5568 !important; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-800::placeholder { - color: #2d3748 !important; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } - .lg\:placeholder-gray-900::placeholder { - color: #1a202c !important; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } - .lg\:placeholder-red-100::placeholder { - color: #fff5f5 !important; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } - .lg\:placeholder-red-200::placeholder { - color: #fed7d7 !important; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } - .lg\:placeholder-red-300::placeholder { - color: #feb2b2 !important; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } - .lg\:placeholder-red-400::placeholder { - color: #fc8181 !important; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } - .lg\:placeholder-red-500::placeholder { - color: #f56565 !important; + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } - .lg\:placeholder-red-600::placeholder { - color: #e53e3e !important; + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } - .lg\:placeholder-red-700::placeholder { - color: #c53030 !important; + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } - .lg\:placeholder-red-800::placeholder { - color: #9b2c2c !important; + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } - .lg\:placeholder-red-900::placeholder { - color: #742a2a !important; + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } - .lg\:placeholder-orange-100::placeholder { - color: #fffaf0 !important; + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } - .lg\:placeholder-orange-200::placeholder { - color: #feebc8 !important; + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } - .lg\:placeholder-orange-300::placeholder { - color: #fbd38d !important; + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } - .lg\:placeholder-orange-400::placeholder { - color: #f6ad55 !important; + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } - .lg\:placeholder-orange-500::placeholder { - color: #ed8936 !important; + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } - .lg\:placeholder-orange-600::placeholder { - color: #dd6b20 !important; + .lg\:pointer-events-none { + pointer-events: none !important; } - .lg\:placeholder-orange-700::placeholder { - color: #c05621 !important; + .lg\:pointer-events-auto { + pointer-events: auto !important; } - .lg\:placeholder-orange-800::placeholder { - color: #9c4221 !important; + .lg\:static { + position: static !important; } - .lg\:placeholder-orange-900::placeholder { - color: #7b341e !important; + .lg\:fixed { + position: fixed !important; } - .lg\:placeholder-yellow-100::placeholder { - color: #fffff0 !important; + .lg\:absolute { + position: absolute !important; } - .lg\:placeholder-yellow-200::placeholder { - color: #fefcbf !important; + .lg\:relative { + position: relative !important; } - .lg\:placeholder-yellow-300::placeholder { - color: #faf089 !important; + .lg\:sticky { + position: sticky !important; } - .lg\:placeholder-yellow-400::placeholder { - color: #f6e05e !important; + .lg\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .lg\:placeholder-yellow-500::placeholder { - color: #ecc94b !important; + .lg\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .lg\:placeholder-yellow-600::placeholder { - color: #d69e2e !important; + .lg\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .lg\:placeholder-yellow-700::placeholder { - color: #b7791f !important; + .lg\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .lg\:placeholder-yellow-800::placeholder { - color: #975a16 !important; + .lg\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .lg\:placeholder-yellow-900::placeholder { - color: #744210 !important; + .lg\:inset-x-auto { + right: auto !important; + left: auto !important; } - .lg\:placeholder-green-100::placeholder { - color: #f0fff4 !important; + .lg\:top-0 { + top: 0 !important; } - .lg\:placeholder-green-200::placeholder { - color: #c6f6d5 !important; + .lg\:right-0 { + right: 0 !important; } - .lg\:placeholder-green-300::placeholder { - color: #9ae6b4 !important; + .lg\:bottom-0 { + bottom: 0 !important; } - .lg\:placeholder-green-400::placeholder { - color: #68d391 !important; + .lg\:left-0 { + left: 0 !important; } - .lg\:placeholder-green-500::placeholder { - color: #48bb78 !important; + .lg\:top-auto { + top: auto !important; } - .lg\:placeholder-green-600::placeholder { - color: #38a169 !important; + .lg\:right-auto { + right: auto !important; } - .lg\:placeholder-green-700::placeholder { - color: #2f855a !important; + .lg\:bottom-auto { + bottom: auto !important; } - .lg\:placeholder-green-800::placeholder { - color: #276749 !important; + .lg\:left-auto { + left: auto !important; } - .lg\:placeholder-green-900::placeholder { - color: #22543d !important; + .lg\:resize-none { + resize: none !important; } - .lg\:placeholder-teal-100::placeholder { - color: #e6fffa !important; + .lg\:resize-y { + resize: vertical !important; } - .lg\:placeholder-teal-200::placeholder { - color: #b2f5ea !important; + .lg\:resize-x { + resize: horizontal !important; } - .lg\:placeholder-teal-300::placeholder { - color: #81e6d9 !important; + .lg\:resize { + resize: both !important; } - .lg\:placeholder-teal-400::placeholder { - color: #4fd1c5 !important; + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-teal-500::placeholder { - color: #38b2ac !important; + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-teal-600::placeholder { - color: #319795 !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\:placeholder-teal-700::placeholder { - color: #2c7a7b !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\:placeholder-teal-800::placeholder { - color: #285e61 !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\:placeholder-teal-900::placeholder { - color: #234e52 !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\:placeholder-blue-100::placeholder { - color: #ebf8ff !important; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:placeholder-blue-200::placeholder { - color: #bee3f8 !important; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:placeholder-blue-300::placeholder { - color: #90cdf4 !important; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:placeholder-blue-400::placeholder { - color: #63b3ed !important; + .lg\:shadow-none { + box-shadow: none !important; } - .lg\:placeholder-blue-500::placeholder { - color: #4299e1 !important; + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-blue-600::placeholder { - color: #3182ce !important; + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-blue-700::placeholder { - color: #2b6cb0 !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\:placeholder-blue-800::placeholder { - color: #2c5282 !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\:placeholder-blue-900::placeholder { - color: #2a4365 !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\:placeholder-indigo-100::placeholder { - color: #ebf4ff !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\:placeholder-indigo-200::placeholder { - color: #c3dafe !important; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:placeholder-indigo-300::placeholder { - color: #a3bffa !important; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:placeholder-indigo-400::placeholder { - color: #7f9cf5 !important; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:placeholder-indigo-500::placeholder { - color: #667eea !important; + .lg\:hover\:shadow-none:hover { + box-shadow: none !important; } - .lg\:placeholder-indigo-600::placeholder { - color: #5a67d8 !important; + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-indigo-700::placeholder { - color: #4c51bf !important; + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .lg\:placeholder-indigo-800::placeholder { - color: #434190 !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\:placeholder-indigo-900::placeholder { - color: #3c366b !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\:placeholder-purple-100::placeholder { - color: #faf5ff !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\:placeholder-purple-200::placeholder { - color: #e9d8fd !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\:placeholder-purple-300::placeholder { - color: #d6bcfa !important; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:placeholder-purple-400::placeholder { - color: #b794f4 !important; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:placeholder-purple-500::placeholder { - color: #9f7aea !important; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:placeholder-purple-600::placeholder { - color: #805ad5 !important; + .lg\:focus\:shadow-none:focus { + box-shadow: none !important; } - .lg\:placeholder-purple-700::placeholder { - color: #6b46c1 !important; + .lg\:fill-current { + fill: currentColor !important; } - .lg\:placeholder-purple-800::placeholder { - color: #553c9a !important; + .lg\:stroke-current { + stroke: currentColor !important; } - .lg\:placeholder-purple-900::placeholder { - color: #44337a !important; + .lg\:stroke-0 { + stroke-width: 0 !important; } - .lg\:placeholder-pink-100::placeholder { - color: #fff5f7 !important; + .lg\:stroke-1 { + stroke-width: 1 !important; } - .lg\:placeholder-pink-200::placeholder { - color: #fed7e2 !important; + .lg\:stroke-2 { + stroke-width: 2 !important; } - .lg\:placeholder-pink-300::placeholder { - color: #fbb6ce !important; + .lg\:table-auto { + table-layout: auto !important; } - .lg\:placeholder-pink-400::placeholder { - color: #f687b3 !important; + .lg\:table-fixed { + table-layout: fixed !important; } - .lg\:placeholder-pink-500::placeholder { - color: #ed64a6 !important; + .lg\:text-left { + text-align: left !important; } - .lg\:placeholder-pink-600::placeholder { - color: #d53f8c !important; + .lg\:text-center { + text-align: center !important; } - .lg\:placeholder-pink-700::placeholder { - color: #b83280 !important; + .lg\:text-right { + text-align: right !important; } - .lg\:placeholder-pink-800::placeholder { - color: #97266d !important; + .lg\:text-justify { + text-align: justify !important; } - .lg\:placeholder-pink-900::placeholder { - color: #702459 !important; + .lg\:text-transparent { + color: transparent !important; } - .lg\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .lg\:text-current { + color: currentColor !important; } - .lg\:focus\:placeholder-black:focus::placeholder { + .lg\:text-black { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-white:focus::placeholder { + .lg\:text-white { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-100:focus::placeholder { + .lg\:text-gray-100 { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-200:focus::placeholder { + .lg\:text-gray-200 { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-300:focus::placeholder { + .lg\:text-gray-300 { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-400:focus::placeholder { + .lg\:text-gray-400 { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-500:focus::placeholder { + .lg\:text-gray-500 { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-600:focus::placeholder { + .lg\:text-gray-600 { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-700:focus::placeholder { + .lg\:text-gray-700 { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-800:focus::placeholder { + .lg\:text-gray-800 { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-gray-900:focus::placeholder { + .lg\:text-gray-900 { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-100:focus::placeholder { + .lg\:text-red-100 { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-200:focus::placeholder { + .lg\:text-red-200 { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-300:focus::placeholder { + .lg\:text-red-300 { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-400:focus::placeholder { + .lg\:text-red-400 { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-500:focus::placeholder { + .lg\:text-red-500 { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-600:focus::placeholder { + .lg\:text-red-600 { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-700:focus::placeholder { + .lg\:text-red-700 { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-800:focus::placeholder { + .lg\:text-red-800 { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-red-900:focus::placeholder { + .lg\:text-red-900 { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-100:focus::placeholder { + .lg\:text-orange-100 { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-200:focus::placeholder { + .lg\:text-orange-200 { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-300:focus::placeholder { + .lg\:text-orange-300 { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-400:focus::placeholder { + .lg\:text-orange-400 { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-500:focus::placeholder { + .lg\:text-orange-500 { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-600:focus::placeholder { + .lg\:text-orange-600 { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-700:focus::placeholder { + .lg\:text-orange-700 { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-800:focus::placeholder { + .lg\:text-orange-800 { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-orange-900:focus::placeholder { + .lg\:text-orange-900 { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { + .lg\:text-yellow-100 { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { + .lg\:text-yellow-200 { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { + .lg\:text-yellow-300 { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { + .lg\:text-yellow-400 { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { + .lg\:text-yellow-500 { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { + .lg\:text-yellow-600 { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { + .lg\:text-yellow-700 { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { + .lg\:text-yellow-800 { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { + .lg\:text-yellow-900 { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-100:focus::placeholder { + .lg\:text-green-100 { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-200:focus::placeholder { + .lg\:text-green-200 { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-300:focus::placeholder { + .lg\:text-green-300 { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-400:focus::placeholder { + .lg\:text-green-400 { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-500:focus::placeholder { + .lg\:text-green-500 { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-600:focus::placeholder { + .lg\:text-green-600 { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-700:focus::placeholder { + .lg\:text-green-700 { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-800:focus::placeholder { + .lg\:text-green-800 { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-green-900:focus::placeholder { + .lg\:text-green-900 { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-100:focus::placeholder { + .lg\:text-teal-100 { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-200:focus::placeholder { + .lg\:text-teal-200 { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-300:focus::placeholder { + .lg\:text-teal-300 { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-400:focus::placeholder { + .lg\:text-teal-400 { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-500:focus::placeholder { + .lg\:text-teal-500 { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-600:focus::placeholder { + .lg\:text-teal-600 { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-700:focus::placeholder { + .lg\:text-teal-700 { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-800:focus::placeholder { + .lg\:text-teal-800 { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-teal-900:focus::placeholder { + .lg\:text-teal-900 { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-100:focus::placeholder { + .lg\:text-blue-100 { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-200:focus::placeholder { + .lg\:text-blue-200 { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-300:focus::placeholder { + .lg\:text-blue-300 { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-400:focus::placeholder { + .lg\:text-blue-400 { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-500:focus::placeholder { + .lg\:text-blue-500 { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-600:focus::placeholder { + .lg\:text-blue-600 { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-700:focus::placeholder { + .lg\:text-blue-700 { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-800:focus::placeholder { + .lg\:text-blue-800 { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-blue-900:focus::placeholder { + .lg\:text-blue-900 { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-100:focus::placeholder { + .lg\:text-indigo-100 { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-200:focus::placeholder { + .lg\:text-indigo-200 { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-300:focus::placeholder { + .lg\:text-indigo-300 { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-400:focus::placeholder { + .lg\:text-indigo-400 { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; + } + + .lg\:text-indigo-500 { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; + } + + .lg\:text-indigo-600 { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; + } + + .lg\:text-indigo-700 { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; + } + + .lg\:text-indigo-800 { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; + } + + .lg\:text-indigo-900 { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; + } + + .lg\:text-purple-100 { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; + } + + .lg\:text-purple-200 { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; + } + + .lg\:text-purple-300 { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; + } + + .lg\:text-purple-400 { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; + } + + .lg\:text-purple-500 { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; + } + + .lg\:text-purple-600 { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; + } + + .lg\:text-purple-700 { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; + } + + .lg\:text-purple-800 { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; + } + + .lg\:text-purple-900 { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; + } + + .lg\:text-pink-100 { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; + } + + .lg\:text-pink-200 { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; + } + + .lg\:text-pink-300 { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; + } + + .lg\:text-pink-400 { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; + } + + .lg\:text-pink-500 { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; + } + + .lg\:text-pink-600 { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; + } + + .lg\:text-pink-700 { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; + } + + .lg\:text-pink-800 { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; + } + + .lg\:text-pink-900 { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; + } + + .lg\:hover\:text-transparent:hover { + color: transparent !important; + } + + .lg\:hover\:text-current:hover { + color: currentColor !important; + } + + .lg\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; + } + + .lg\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; + } + + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; + } + + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-500:focus::placeholder { - color: #667eea !important; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-600:focus::placeholder { - color: #5a67d8 !important; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-700:focus::placeholder { - color: #4c51bf !important; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-800:focus::placeholder { - color: #434190 !important; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-indigo-900:focus::placeholder { - color: #3c366b !important; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - color: #faf5ff !important; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - color: #e9d8fd !important; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - color: #d6bcfa !important; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - color: #b794f4 !important; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - color: #9f7aea !important; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - color: #805ad5 !important; + .lg\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - color: #6b46c1 !important; + .lg\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - color: #553c9a !important; + .lg\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - color: #44337a !important; + .lg\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - color: #fff5f7 !important; + .lg\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - color: #fed7e2 !important; + .lg\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - color: #fbb6ce !important; + .lg\:hover\:text-orange-100:hover { + --text-opacity: 1 !important; + color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - color: #f687b3 !important; + .lg\:hover\:text-orange-200:hover { + --text-opacity: 1 !important; + color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - color: #ed64a6 !important; + .lg\:hover\:text-orange-300:hover { + --text-opacity: 1 !important; + color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - color: #d53f8c !important; + .lg\:hover\:text-orange-400:hover { + --text-opacity: 1 !important; + color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - color: #b83280 !important; + .lg\:hover\:text-orange-500:hover { + --text-opacity: 1 !important; + color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d !important; + .lg\:hover\:text-orange-600:hover { + --text-opacity: 1 !important; + color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459 !important; + .lg\:hover\:text-orange-700:hover { + --text-opacity: 1 !important; + color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .lg\:pointer-events-none { - pointer-events: none !important; + .lg\:hover\:text-orange-800:hover { + --text-opacity: 1 !important; + color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .lg\:pointer-events-auto { - pointer-events: auto !important; + .lg\:hover\:text-orange-900:hover { + --text-opacity: 1 !important; + color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .lg\:static { - position: static !important; + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .lg\:fixed { - position: fixed !important; + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .lg\:absolute { - position: absolute !important; + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .lg\:relative { - position: relative !important; + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .lg\:sticky { - position: sticky !important; + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .lg\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .lg\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .lg\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .lg\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .lg\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .lg\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .lg\:inset-x-auto { - right: auto !important; - left: auto !important; + .lg\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .lg\:top-0 { - top: 0 !important; + .lg\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .lg\:right-0 { - right: 0 !important; + .lg\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .lg\:bottom-0 { - bottom: 0 !important; + .lg\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .lg\:left-0 { - left: 0 !important; + .lg\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .lg\:top-auto { - top: auto !important; + .lg\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .lg\:right-auto { - right: auto !important; + .lg\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .lg\:bottom-auto { - bottom: auto !important; + .lg\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .lg\:left-auto { - left: auto !important; + .lg\:hover\:text-teal-100:hover { + --text-opacity: 1 !important; + color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .lg\:resize-none { - resize: none !important; + .lg\:hover\:text-teal-200:hover { + --text-opacity: 1 !important; + color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .lg\:resize-y { - resize: vertical !important; + .lg\:hover\:text-teal-300:hover { + --text-opacity: 1 !important; + color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .lg\:resize-x { - resize: horizontal !important; + .lg\:hover\:text-teal-400:hover { + --text-opacity: 1 !important; + color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .lg\:resize { - resize: both !important; + .lg\:hover\:text-teal-500:hover { + --text-opacity: 1 !important; + color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-teal-600:hover { + --text-opacity: 1 !important; + color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-teal-700:hover { + --text-opacity: 1 !important; + color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !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\:hover\:text-teal-800:hover { + --text-opacity: 1 !important; + color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !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\:hover\:text-teal-900:hover { + --text-opacity: 1 !important; + color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !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\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !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\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .lg\:shadow-none { - box-shadow: none !important; + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .lg\:hover\: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\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !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\:hover\:text-indigo-100:hover { + --text-opacity: 1 !important; + color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !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\:hover\:text-indigo-200:hover { + --text-opacity: 1 !important; + color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !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\:hover\:text-indigo-300:hover { + --text-opacity: 1 !important; + color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-indigo-400:hover { + --text-opacity: 1 !important; + color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-indigo-500:hover { + --text-opacity: 1 !important; + color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-indigo-600:hover { + --text-opacity: 1 !important; + color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .lg\:hover\:shadow-none:hover { - box-shadow: none !important; + .lg\:hover\:text-indigo-700:hover { + --text-opacity: 1 !important; + color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-indigo-800:hover { + --text-opacity: 1 !important; + color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-indigo-900:hover { + --text-opacity: 1 !important; + color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !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\:text-purple-100:hover { + --text-opacity: 1 !important; + color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !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\:text-purple-200:hover { + --text-opacity: 1 !important; + color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !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\:text-purple-300:hover { + --text-opacity: 1 !important; + color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !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\:text-purple-400:hover { + --text-opacity: 1 !important; + color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .lg\:focus\:shadow-none:focus { - box-shadow: none !important; + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .lg\:fill-current { - fill: currentColor !important; + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .lg\:stroke-current { - stroke: currentColor !important; + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .lg\:stroke-0 { - stroke-width: 0 !important; + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .lg\:stroke-1 { - stroke-width: 1 !important; + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .lg\:stroke-2 { - stroke-width: 2 !important; + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .lg\:table-auto { - table-layout: auto !important; + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .lg\:table-fixed { - table-layout: fixed !important; + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .lg\:text-left { - text-align: left !important; + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .lg\:text-center { - text-align: center !important; + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .lg\:text-right { - text-align: right !important; + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .lg\:text-justify { - text-align: justify !important; + .lg\:focus\:text-transparent:focus { + color: transparent !important; } - .lg\:text-transparent { - color: transparent !important; + .lg\:focus\:text-current:focus { + color: currentColor !important; } - .lg\:text-black { + .lg\:focus\:text-black:focus { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .lg\:text-white { + .lg\:focus\:text-white:focus { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .lg\:text-gray-100 { + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } - .lg\:text-gray-200 { + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } - .lg\:text-gray-300 { + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } - .lg\:text-gray-400 { + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } - .lg\:text-gray-500 { + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } - .lg\:text-gray-600 { + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } - .lg\:text-gray-700 { + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } - .lg\:text-gray-800 { + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } - .lg\:text-gray-900 { + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } - .lg\:text-red-100 { + .lg\:focus\:text-red-100:focus { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } - .lg\:text-red-200 { + .lg\:focus\:text-red-200:focus { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } - .lg\:text-red-300 { + .lg\:focus\:text-red-300:focus { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } - .lg\:text-red-400 { + .lg\:focus\:text-red-400:focus { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } - .lg\:text-red-500 { + .lg\:focus\:text-red-500:focus { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } - .lg\:text-red-600 { + .lg\:focus\:text-red-600:focus { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } - .lg\:text-red-700 { + .lg\:focus\:text-red-700:focus { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } - .lg\:text-red-800 { + .lg\:focus\:text-red-800:focus { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } - .lg\:text-red-900 { + .lg\:focus\:text-red-900:focus { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } - .lg\:text-orange-100 { + .lg\:focus\:text-orange-100:focus { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } - .lg\:text-orange-200 { + .lg\:focus\:text-orange-200:focus { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } - .lg\:text-orange-300 { + .lg\:focus\:text-orange-300:focus { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } - .lg\:text-orange-400 { + .lg\:focus\:text-orange-400:focus { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } - .lg\:text-orange-500 { + .lg\:focus\:text-orange-500:focus { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } - .lg\:text-orange-600 { + .lg\:focus\:text-orange-600:focus { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } - .lg\:text-orange-700 { + .lg\:focus\:text-orange-700:focus { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } - .lg\:text-orange-800 { + .lg\:focus\:text-orange-800:focus { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } - .lg\:text-orange-900 { + .lg\:focus\:text-orange-900:focus { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } - .lg\:text-yellow-100 { + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } - .lg\:text-yellow-200 { + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } - .lg\:text-yellow-300 { + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } - .lg\:text-yellow-400 { + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } - .lg\:text-yellow-500 { + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } - .lg\:text-yellow-600 { + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } - .lg\:text-yellow-700 { + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } - .lg\:text-yellow-800 { + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } - .lg\:text-yellow-900 { + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } - .lg\:text-green-100 { + .lg\:focus\:text-green-100:focus { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } - .lg\:text-green-200 { + .lg\:focus\:text-green-200:focus { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } - .lg\:text-green-300 { + .lg\:focus\:text-green-300:focus { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } - .lg\:text-green-400 { + .lg\:focus\:text-green-400:focus { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } - .lg\:text-green-500 { + .lg\:focus\:text-green-500:focus { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } - .lg\:text-green-600 { + .lg\:focus\:text-green-600:focus { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } - .lg\:text-green-700 { + .lg\:focus\:text-green-700:focus { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } - .lg\:text-green-800 { + .lg\:focus\:text-green-800:focus { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } - .lg\:text-green-900 { + .lg\:focus\:text-green-900:focus { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } - .lg\:text-teal-100 { + .lg\:focus\:text-teal-100:focus { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } - .lg\:text-teal-200 { + .lg\:focus\:text-teal-200:focus { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } - .lg\:text-teal-300 { + .lg\:focus\:text-teal-300:focus { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } - .lg\:text-teal-400 { + .lg\:focus\:text-teal-400:focus { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } - .lg\:text-teal-500 { + .lg\:focus\:text-teal-500:focus { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } - .lg\:text-teal-600 { + .lg\:focus\:text-teal-600:focus { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } - .lg\:text-teal-700 { + .lg\:focus\:text-teal-700:focus { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } - .lg\:text-teal-800 { + .lg\:focus\:text-teal-800:focus { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } - .lg\:text-teal-900 { + .lg\:focus\:text-teal-900:focus { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } - .lg\:text-blue-100 { + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } - .lg\:text-blue-200 { + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } - .lg\:text-blue-300 { + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } - .lg\:text-blue-400 { + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } - .lg\:text-blue-500 { + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } - .lg\:text-blue-600 { + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } - .lg\:text-blue-700 { + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } - .lg\:text-blue-800 { + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } - .lg\:text-blue-900 { + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } - .lg\:text-indigo-100 { + .lg\:focus\:text-indigo-100:focus { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } - .lg\:text-indigo-200 { + .lg\:focus\:text-indigo-200:focus { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } - .lg\:text-indigo-300 { + .lg\:focus\:text-indigo-300:focus { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } - .lg\:text-indigo-400 { + .lg\:focus\:text-indigo-400:focus { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } - .lg\:text-indigo-500 { + .lg\:focus\:text-indigo-500:focus { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } - .lg\:text-indigo-600 { + .lg\:focus\:text-indigo-600:focus { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } - .lg\:text-indigo-700 { + .lg\:focus\:text-indigo-700:focus { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } - .lg\:text-indigo-800 { + .lg\:focus\:text-indigo-800:focus { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } - .lg\:text-indigo-900 { + .lg\:focus\:text-indigo-900:focus { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } - .lg\:text-purple-100 { + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } - .lg\:text-purple-200 { + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } - .lg\:text-purple-300 { + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } - .lg\:text-purple-400 { + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } - .lg\:text-purple-500 { + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } - .lg\:text-purple-600 { + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } - .lg\:text-purple-700 { + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } - .lg\:text-purple-800 { + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } - .lg\:text-purple-900 { + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } - .lg\:text-pink-100 { + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } - .lg\:text-pink-200 { + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } - .lg\:text-pink-300 { + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } - .lg\:text-pink-400 { + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } - .lg\:text-pink-500 { + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } - .lg\:text-pink-600 { + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } - .lg\:text-pink-700 { + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } - .lg\:text-pink-800 { + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } - .lg\:text-pink-900 { + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .lg\:hover\:text-transparent:hover { - color: transparent !important; - } - - .lg\:hover\:text-black:hover { - color: #000 !important; - } - - .lg\:hover\:text-white:hover { - color: #fff !important; - } - - .lg\:hover\:text-gray-100:hover { - color: #f7fafc !important; - } - - .lg\:hover\:text-gray-200:hover { - color: #edf2f7 !important; - } - - .lg\:hover\:text-gray-300:hover { - color: #e2e8f0 !important; - } - - .lg\:hover\:text-gray-400:hover { - color: #cbd5e0 !important; - } - - .lg\:hover\:text-gray-500:hover { - color: #a0aec0 !important; - } - - .lg\:hover\:text-gray-600:hover { - color: #718096 !important; - } - - .lg\:hover\:text-gray-700:hover { - color: #4a5568 !important; - } - - .lg\:hover\:text-gray-800:hover { - color: #2d3748 !important; - } - - .lg\:hover\:text-gray-900:hover { - color: #1a202c !important; - } - - .lg\:hover\:text-red-100:hover { - color: #fff5f5 !important; - } - - .lg\:hover\:text-red-200:hover { - color: #fed7d7 !important; - } - - .lg\:hover\:text-red-300:hover { - color: #feb2b2 !important; - } - - .lg\:hover\:text-red-400:hover { - color: #fc8181 !important; - } - - .lg\:hover\:text-red-500:hover { - color: #f56565 !important; - } - - .lg\:hover\:text-red-600:hover { - color: #e53e3e !important; - } - - .lg\:hover\:text-red-700:hover { - color: #c53030 !important; - } - - .lg\:hover\:text-red-800:hover { - color: #9b2c2c !important; + .lg\:text-opacity-0 { + --text-opacity: 0 !important; } - .lg\:hover\:text-red-900:hover { - color: #742a2a !important; + .lg\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .lg\:hover\:text-orange-100:hover { - color: #fffaf0 !important; + .lg\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .lg\:hover\:text-orange-200:hover { - color: #feebc8 !important; + .lg\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .lg\:hover\:text-orange-300:hover { - color: #fbd38d !important; + .lg\:text-opacity-100 { + --text-opacity: 1 !important; } - .lg\:hover\:text-orange-400:hover { - color: #f6ad55 !important; + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .lg\:hover\:text-orange-500:hover { - color: #ed8936 !important; + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .lg\:hover\:text-orange-600:hover { - color: #dd6b20 !important; + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .lg\:hover\:text-orange-700:hover { - color: #c05621 !important; + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .lg\:hover\:text-orange-800:hover { - color: #9c4221 !important; + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .lg\:hover\:text-orange-900:hover { - color: #7b341e !important; + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .lg\:hover\:text-yellow-100:hover { - color: #fffff0 !important; + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .lg\:hover\:text-yellow-200:hover { - color: #fefcbf !important; + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .lg\:hover\:text-yellow-300:hover { - color: #faf089 !important; + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .lg\:hover\:text-yellow-400:hover { - color: #f6e05e !important; + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .lg\:hover\:text-yellow-500:hover { - color: #ecc94b !important; + .lg\:italic { + font-style: italic !important; } - .lg\:hover\:text-yellow-600:hover { - color: #d69e2e !important; + .lg\:not-italic { + font-style: normal !important; } - .lg\:hover\:text-yellow-700:hover { - color: #b7791f !important; + .lg\:uppercase { + text-transform: uppercase !important; } - .lg\:hover\:text-yellow-800:hover { - color: #975a16 !important; + .lg\:lowercase { + text-transform: lowercase !important; } - .lg\:hover\:text-yellow-900:hover { - color: #744210 !important; + .lg\:capitalize { + text-transform: capitalize !important; } - .lg\:hover\:text-green-100:hover { - color: #f0fff4 !important; + .lg\:normal-case { + text-transform: none !important; } - .lg\:hover\:text-green-200:hover { - color: #c6f6d5 !important; + .lg\:underline { + text-decoration: underline !important; } - .lg\:hover\:text-green-300:hover { - color: #9ae6b4 !important; + .lg\:line-through { + text-decoration: line-through !important; } - .lg\:hover\:text-green-400:hover { - color: #68d391 !important; + .lg\:no-underline { + text-decoration: none !important; } - .lg\:hover\:text-green-500:hover { - color: #48bb78 !important; + .lg\:hover\:underline:hover { + text-decoration: underline !important; } - .lg\:hover\:text-green-600:hover { - color: #38a169 !important; + .lg\:hover\:line-through:hover { + text-decoration: line-through !important; } - .lg\:hover\:text-green-700:hover { - color: #2f855a !important; + .lg\:hover\:no-underline:hover { + text-decoration: none !important; } - .lg\:hover\:text-green-800:hover { - color: #276749 !important; + .lg\:focus\:underline:focus { + text-decoration: underline !important; } - .lg\:hover\:text-green-900:hover { - color: #22543d !important; + .lg\:focus\:line-through:focus { + text-decoration: line-through !important; } - .lg\:hover\:text-teal-100:hover { - color: #e6fffa !important; + .lg\:focus\:no-underline:focus { + text-decoration: none !important; } - .lg\:hover\:text-teal-200:hover { - color: #b2f5ea !important; + .lg\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .lg\:hover\:text-teal-300:hover { - color: #81e6d9 !important; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .lg\:hover\:text-teal-400:hover { - color: #4fd1c5 !important; + .lg\:tracking-tighter { + letter-spacing: -0.05em !important; } - .lg\:hover\:text-teal-500:hover { - color: #38b2ac !important; + .lg\:tracking-tight { + letter-spacing: -0.025em !important; } - .lg\:hover\:text-teal-600:hover { - color: #319795 !important; + .lg\:tracking-normal { + letter-spacing: 0 !important; } - .lg\:hover\:text-teal-700:hover { - color: #2c7a7b !important; + .lg\:tracking-wide { + letter-spacing: 0.025em !important; } - .lg\:hover\:text-teal-800:hover { - color: #285e61 !important; + .lg\:tracking-wider { + letter-spacing: 0.05em !important; } - .lg\:hover\:text-teal-900:hover { - color: #234e52 !important; + .lg\:tracking-widest { + letter-spacing: 0.1em !important; } - .lg\:hover\:text-blue-100:hover { - color: #ebf8ff !important; + .lg\:select-none { + user-select: none !important; } - .lg\:hover\:text-blue-200:hover { - color: #bee3f8 !important; + .lg\:select-text { + user-select: text !important; } - .lg\:hover\:text-blue-300:hover { - color: #90cdf4 !important; + .lg\:select-all { + user-select: all !important; } - .lg\:hover\:text-blue-400:hover { - color: #63b3ed !important; + .lg\:select-auto { + user-select: auto !important; } - .lg\:hover\:text-blue-500:hover { - color: #4299e1 !important; + .lg\:align-baseline { + vertical-align: baseline !important; } - .lg\:hover\:text-blue-600:hover { - color: #3182ce !important; + .lg\:align-top { + vertical-align: top !important; } - .lg\:hover\:text-blue-700:hover { - color: #2b6cb0 !important; + .lg\:align-middle { + vertical-align: middle !important; } - .lg\:hover\:text-blue-800:hover { - color: #2c5282 !important; + .lg\:align-bottom { + vertical-align: bottom !important; } - .lg\:hover\:text-blue-900:hover { - color: #2a4365 !important; + .lg\:align-text-top { + vertical-align: text-top !important; } - .lg\:hover\:text-indigo-100:hover { - color: #ebf4ff !important; + .lg\:align-text-bottom { + vertical-align: text-bottom !important; } - .lg\:hover\:text-indigo-200:hover { - color: #c3dafe !important; + .lg\:visible { + visibility: visible !important; } - .lg\:hover\:text-indigo-300:hover { - color: #a3bffa !important; + .lg\:invisible { + visibility: hidden !important; } - .lg\:hover\:text-indigo-400:hover { - color: #7f9cf5 !important; + .lg\:whitespace-normal { + white-space: normal !important; } - .lg\:hover\:text-indigo-500:hover { - color: #667eea !important; + .lg\:whitespace-no-wrap { + white-space: nowrap !important; } - .lg\:hover\:text-indigo-600:hover { - color: #5a67d8 !important; + .lg\:whitespace-pre { + white-space: pre !important; } - .lg\:hover\:text-indigo-700:hover { - color: #4c51bf !important; + .lg\:whitespace-pre-line { + white-space: pre-line !important; } - .lg\:hover\:text-indigo-800:hover { - color: #434190 !important; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .lg\:hover\:text-indigo-900:hover { - color: #3c366b !important; + .lg\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .lg\:hover\:text-purple-100:hover { - color: #faf5ff !important; + .lg\:break-words { + overflow-wrap: break-word !important; } - .lg\:hover\:text-purple-200:hover { - color: #e9d8fd !important; + .lg\:break-all { + word-break: break-all !important; } - .lg\:hover\:text-purple-300:hover { - color: #d6bcfa !important; + .lg\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .lg\:hover\:text-purple-400:hover { - color: #b794f4 !important; + .lg\:w-0 { + width: 0 !important; } - .lg\:hover\:text-purple-500:hover { - color: #9f7aea !important; + .lg\:w-1 { + width: 0.25rem !important; } - .lg\:hover\:text-purple-600:hover { - color: #805ad5 !important; + .lg\:w-2 { + width: 0.5rem !important; } - .lg\:hover\:text-purple-700:hover { - color: #6b46c1 !important; + .lg\:w-3 { + width: 0.75rem !important; } - .lg\:hover\:text-purple-800:hover { - color: #553c9a !important; + .lg\:w-4 { + width: 1rem !important; } - .lg\:hover\:text-purple-900:hover { - color: #44337a !important; + .lg\:w-5 { + width: 1.25rem !important; } - .lg\:hover\:text-pink-100:hover { - color: #fff5f7 !important; + .lg\:w-6 { + width: 1.5rem !important; } - .lg\:hover\:text-pink-200:hover { - color: #fed7e2 !important; + .lg\:w-8 { + width: 2rem !important; } - .lg\:hover\:text-pink-300:hover { - color: #fbb6ce !important; + .lg\:w-10 { + width: 2.5rem !important; } - .lg\:hover\:text-pink-400:hover { - color: #f687b3 !important; + .lg\:w-12 { + width: 3rem !important; } - .lg\:hover\:text-pink-500:hover { - color: #ed64a6 !important; + .lg\:w-16 { + width: 4rem !important; } - .lg\:hover\:text-pink-600:hover { - color: #d53f8c !important; + .lg\:w-20 { + width: 5rem !important; } - .lg\:hover\:text-pink-700:hover { - color: #b83280 !important; + .lg\:w-24 { + width: 6rem !important; } - .lg\:hover\:text-pink-800:hover { - color: #97266d !important; + .lg\:w-32 { + width: 8rem !important; } - .lg\:hover\:text-pink-900:hover { - color: #702459 !important; + .lg\:w-40 { + width: 10rem !important; } - .lg\:focus\:text-transparent:focus { - color: transparent !important; + .lg\:w-48 { + width: 12rem !important; } - .lg\:focus\:text-black:focus { - color: #000 !important; + .lg\:w-56 { + width: 14rem !important; } - .lg\:focus\:text-white:focus { - color: #fff !important; + .lg\:w-64 { + width: 16rem !important; } - .lg\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .lg\:w-auto { + width: auto !important; } - .lg\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .lg\:w-px { + width: 1px !important; } - .lg\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .lg\:w-1\/2 { + width: 50% !important; } - .lg\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .lg\:w-1\/3 { + width: 33.333333% !important; } - .lg\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .lg\:w-2\/3 { + width: 66.666667% !important; } - .lg\:focus\:text-gray-600:focus { - color: #718096 !important; + .lg\:w-1\/4 { + width: 25% !important; } - .lg\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .lg\:w-2\/4 { + width: 50% !important; } - .lg\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .lg\:w-3\/4 { + width: 75% !important; } - .lg\:focus\:text-gray-900:focus { - color: #1a202c !important; + .lg\:w-1\/5 { + width: 20% !important; } - .lg\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .lg\:w-2\/5 { + width: 40% !important; } - .lg\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .lg\:w-3\/5 { + width: 60% !important; } - .lg\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .lg\:w-4\/5 { + width: 80% !important; } - .lg\:focus\:text-red-400:focus { - color: #fc8181 !important; + .lg\:w-1\/6 { + width: 16.666667% !important; } - .lg\:focus\:text-red-500:focus { - color: #f56565 !important; + .lg\:w-2\/6 { + width: 33.333333% !important; } - .lg\:focus\:text-red-600:focus { - color: #e53e3e !important; + .lg\:w-3\/6 { + width: 50% !important; } - .lg\:focus\:text-red-700:focus { - color: #c53030 !important; + .lg\:w-4\/6 { + width: 66.666667% !important; } - .lg\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .lg\:w-5\/6 { + width: 83.333333% !important; } - .lg\:focus\:text-red-900:focus { - color: #742a2a !important; + .lg\:w-1\/12 { + width: 8.333333% !important; } - .lg\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .lg\:w-2\/12 { + width: 16.666667% !important; } - .lg\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .lg\:w-3\/12 { + width: 25% !important; } - .lg\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .lg\:w-4\/12 { + width: 33.333333% !important; } - .lg\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .lg\:w-5\/12 { + width: 41.666667% !important; } - .lg\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .lg\:w-6\/12 { + width: 50% !important; } - .lg\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .lg\:w-7\/12 { + width: 58.333333% !important; } - .lg\:focus\:text-orange-700:focus { - color: #c05621 !important; + .lg\:w-8\/12 { + width: 66.666667% !important; } - .lg\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .lg\:w-9\/12 { + width: 75% !important; } - .lg\:focus\:text-orange-900:focus { - color: #7b341e !important; + .lg\:w-10\/12 { + width: 83.333333% !important; } - .lg\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .lg\:w-11\/12 { + width: 91.666667% !important; } - .lg\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .lg\:w-full { + width: 100% !important; } - .lg\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .lg\:w-screen { + width: 100vw !important; } - .lg\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .lg\:z-0 { + z-index: 0 !important; } - .lg\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .lg\:z-10 { + z-index: 10 !important; } - .lg\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .lg\:z-20 { + z-index: 20 !important; } - .lg\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .lg\:z-30 { + z-index: 30 !important; } - .lg\:focus\:text-yellow-800:focus { - color: #975a16 !important; + .lg\:z-40 { + z-index: 40 !important; } - .lg\:focus\:text-yellow-900:focus { - color: #744210 !important; + .lg\:z-50 { + z-index: 50 !important; } - .lg\:focus\:text-green-100:focus { - color: #f0fff4 !important; + .lg\:z-auto { + z-index: auto !important; } - .lg\:focus\:text-green-200:focus { - color: #c6f6d5 !important; + .lg\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } - .lg\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .lg\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } - .lg\:focus\:text-green-400:focus { - color: #68d391 !important; + .lg\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } - .lg\:focus\:text-green-500:focus { - color: #48bb78 !important; + .lg\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } - .lg\:focus\:text-green-600:focus { - color: #38a169 !important; + .lg\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } - .lg\:focus\:text-green-700:focus { - color: #2f855a !important; + .lg\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } - .lg\:focus\:text-green-800:focus { - color: #276749 !important; + .lg\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } - .lg\:focus\:text-green-900:focus { - color: #22543d !important; + .lg\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } - .lg\:focus\:text-teal-100:focus { - color: #e6fffa !important; + .lg\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } - .lg\:focus\:text-teal-200:focus { - color: #b2f5ea !important; + .lg\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } - .lg\:focus\:text-teal-300:focus { - color: #81e6d9 !important; + .lg\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } - .lg\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .lg\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } - .lg\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .lg\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } - .lg\:focus\:text-teal-600:focus { - color: #319795 !important; + .lg\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } - .lg\:focus\:text-teal-700:focus { - color: #2c7a7b !important; + .lg\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } - .lg\:focus\:text-teal-800:focus { - color: #285e61 !important; + .lg\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } - .lg\:focus\:text-teal-900:focus { - color: #234e52 !important; + .lg\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } - .lg\:focus\:text-blue-100:focus { - color: #ebf8ff !important; + .lg\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } - .lg\:focus\:text-blue-200:focus { - color: #bee3f8 !important; + .lg\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; } - .lg\:focus\:text-blue-300:focus { - color: #90cdf4 !important; + .lg\:col-gap-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } - .lg\:focus\:text-blue-400:focus { - color: #63b3ed !important; + .lg\:col-gap-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } - .lg\:focus\:text-blue-500:focus { - color: #4299e1 !important; + .lg\:col-gap-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } - .lg\:focus\:text-blue-600:focus { - color: #3182ce !important; + .lg\:col-gap-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } - .lg\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .lg\:col-gap-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } - .lg\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .lg\:col-gap-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } - .lg\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .lg\:col-gap-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } - .lg\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .lg\:col-gap-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } - .lg\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .lg\:col-gap-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } - .lg\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .lg\:col-gap-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } - .lg\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .lg\:col-gap-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } - .lg\:focus\:text-indigo-500:focus { - color: #667eea !important; + .lg\:col-gap-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } - .lg\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .lg\:col-gap-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } - .lg\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .lg\:col-gap-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } - .lg\:focus\:text-indigo-800:focus { - color: #434190 !important; + .lg\:col-gap-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } - .lg\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .lg\:col-gap-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } - .lg\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .lg\:col-gap-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } - .lg\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .lg\:col-gap-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } - .lg\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .lg\:col-gap-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } - .lg\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .lg\:row-gap-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; } - .lg\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .lg\:row-gap-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; } - .lg\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .lg\:row-gap-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; } - .lg\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .lg\:row-gap-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; } - .lg\:focus\:text-purple-800:focus { - color: #553c9a !important; + .lg\:row-gap-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; } - .lg\:focus\:text-purple-900:focus { - color: #44337a !important; + .lg\:row-gap-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; } - .lg\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .lg\:row-gap-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; } - .lg\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .lg\:row-gap-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; } - .lg\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .lg\:row-gap-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; } - .lg\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .lg\:row-gap-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; } - .lg\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .lg\:row-gap-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; } - .lg\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .lg\:row-gap-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; } - .lg\:focus\:text-pink-700:focus { - color: #b83280 !important; + .lg\:row-gap-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; } - .lg\:focus\:text-pink-800:focus { - color: #97266d !important; + .lg\:row-gap-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; } - .lg\:focus\:text-pink-900:focus { - color: #702459 !important; + .lg\:row-gap-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; } - .lg\:text-xs { - font-size: 0.75rem !important; + .lg\:row-gap-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; } - .lg\:text-sm { - font-size: 0.875rem !important; + .lg\:row-gap-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; } - .lg\:text-base { - font-size: 1rem !important; + .lg\:row-gap-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; } - .lg\:text-lg { - font-size: 1.125rem !important; + .lg\:row-gap-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; } - .lg\:text-xl { - font-size: 1.25rem !important; + .lg\:grid-flow-row { + grid-auto-flow: row !important; } - .lg\:text-2xl { - font-size: 1.5rem !important; + .lg\:grid-flow-col { + grid-auto-flow: column !important; } - .lg\:text-3xl { - font-size: 1.875rem !important; + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense !important; } - .lg\:text-4xl { - font-size: 2.25rem !important; + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense !important; } - .lg\:text-5xl { - font-size: 3rem !important; + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } - .lg\:text-6xl { - font-size: 4rem !important; + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } - .lg\:italic { - font-style: italic !important; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } - .lg\:not-italic { - font-style: normal !important; + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } - .lg\:uppercase { - text-transform: uppercase !important; + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } - .lg\:lowercase { - text-transform: lowercase !important; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } - .lg\:capitalize { - text-transform: capitalize !important; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } - .lg\:normal-case { - text-transform: none !important; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } - .lg\:underline { - text-decoration: underline !important; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } - .lg\:line-through { - text-decoration: line-through !important; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } - .lg\:no-underline { - text-decoration: none !important; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } - .lg\:hover\:underline:hover { - text-decoration: underline !important; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } - .lg\:hover\:line-through:hover { - text-decoration: line-through !important; + .lg\:grid-cols-none { + grid-template-columns: none !important; } - .lg\:hover\:no-underline:hover { - text-decoration: none !important; + .lg\:col-auto { + grid-column: auto !important; } - .lg\:focus\:underline:focus { - text-decoration: underline !important; + .lg\:col-span-1 { + grid-column: span 1 / span 1 !important; } - .lg\:focus\:line-through:focus { - text-decoration: line-through !important; + .lg\:col-span-2 { + grid-column: span 2 / span 2 !important; } - .lg\:focus\:no-underline:focus { - text-decoration: none !important; + .lg\:col-span-3 { + grid-column: span 3 / span 3 !important; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .lg\:col-span-4 { + grid-column: span 4 / span 4 !important; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .lg\:col-span-5 { + grid-column: span 5 / span 5 !important; } - .lg\:tracking-tighter { - letter-spacing: -0.05em !important; + .lg\:col-span-6 { + grid-column: span 6 / span 6 !important; } - .lg\:tracking-tight { - letter-spacing: -0.025em !important; + .lg\:col-span-7 { + grid-column: span 7 / span 7 !important; } - .lg\:tracking-normal { - letter-spacing: 0 !important; + .lg\:col-span-8 { + grid-column: span 8 / span 8 !important; } - .lg\:tracking-wide { - letter-spacing: 0.025em !important; + .lg\:col-span-9 { + grid-column: span 9 / span 9 !important; } - .lg\:tracking-wider { - letter-spacing: 0.05em !important; + .lg\:col-span-10 { + grid-column: span 10 / span 10 !important; } - .lg\:tracking-widest { - letter-spacing: 0.1em !important; + .lg\:col-span-11 { + grid-column: span 11 / span 11 !important; } - .lg\:select-none { - user-select: none !important; + .lg\:col-span-12 { + grid-column: span 12 / span 12 !important; } - .lg\:select-text { - user-select: text !important; + .lg\:col-start-1 { + grid-column-start: 1 !important; } - .lg\:select-all { - user-select: all !important; + .lg\:col-start-2 { + grid-column-start: 2 !important; } - .lg\:select-auto { - user-select: auto !important; + .lg\:col-start-3 { + grid-column-start: 3 !important; } - .lg\:align-baseline { - vertical-align: baseline !important; + .lg\:col-start-4 { + grid-column-start: 4 !important; } - .lg\:align-top { - vertical-align: top !important; + .lg\:col-start-5 { + grid-column-start: 5 !important; } - .lg\:align-middle { - vertical-align: middle !important; + .lg\:col-start-6 { + grid-column-start: 6 !important; } - .lg\:align-bottom { - vertical-align: bottom !important; + .lg\:col-start-7 { + grid-column-start: 7 !important; } - .lg\:align-text-top { - vertical-align: text-top !important; + .lg\:col-start-8 { + grid-column-start: 8 !important; } - .lg\:align-text-bottom { - vertical-align: text-bottom !important; + .lg\:col-start-9 { + grid-column-start: 9 !important; } - .lg\:visible { - visibility: visible !important; + .lg\:col-start-10 { + grid-column-start: 10 !important; } - .lg\:invisible { - visibility: hidden !important; + .lg\:col-start-11 { + grid-column-start: 11 !important; } - .lg\:whitespace-normal { - white-space: normal !important; + .lg\:col-start-12 { + grid-column-start: 12 !important; } - .lg\:whitespace-no-wrap { - white-space: nowrap !important; + .lg\:col-start-13 { + grid-column-start: 13 !important; } - .lg\:whitespace-pre { - white-space: pre !important; + .lg\:col-start-auto { + grid-column-start: auto !important; } - .lg\:whitespace-pre-line { - white-space: pre-line !important; + .lg\:col-end-1 { + grid-column-end: 1 !important; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .lg\:col-end-2 { + grid-column-end: 2 !important; } - .lg\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .lg\:col-end-3 { + grid-column-end: 3 !important; } - .lg\:break-words { - overflow-wrap: break-word !important; + .lg\:col-end-4 { + grid-column-end: 4 !important; } - .lg\:break-all { - word-break: break-all !important; + .lg\:col-end-5 { + grid-column-end: 5 !important; } - .lg\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .lg\:col-end-6 { + grid-column-end: 6 !important; } - .lg\:w-0 { - width: 0 !important; + .lg\:col-end-7 { + grid-column-end: 7 !important; } - .lg\:w-1 { - width: 0.25rem !important; + .lg\:col-end-8 { + grid-column-end: 8 !important; } - .lg\:w-2 { - width: 0.5rem !important; + .lg\:col-end-9 { + grid-column-end: 9 !important; } - .lg\:w-3 { - width: 0.75rem !important; + .lg\:col-end-10 { + grid-column-end: 10 !important; } - .lg\:w-4 { - width: 1rem !important; + .lg\:col-end-11 { + grid-column-end: 11 !important; } - .lg\:w-5 { - width: 1.25rem !important; + .lg\:col-end-12 { + grid-column-end: 12 !important; } - .lg\:w-6 { - width: 1.5rem !important; + .lg\:col-end-13 { + grid-column-end: 13 !important; } - .lg\:w-8 { - width: 2rem !important; + .lg\:col-end-auto { + grid-column-end: auto !important; } - .lg\:w-10 { - width: 2.5rem !important; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } - .lg\:w-12 { - width: 3rem !important; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } - .lg\:w-16 { - width: 4rem !important; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } - .lg\:w-20 { - width: 5rem !important; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } - .lg\:w-24 { - width: 6rem !important; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } - .lg\:w-32 { - width: 8rem !important; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } - .lg\:w-40 { - width: 10rem !important; + .lg\:grid-rows-none { + grid-template-rows: none !important; } - .lg\:w-48 { - width: 12rem !important; + .lg\:row-auto { + grid-row: auto !important; } - .lg\:w-56 { - width: 14rem !important; + .lg\:row-span-1 { + grid-row: span 1 / span 1 !important; } - .lg\:w-64 { - width: 16rem !important; + .lg\:row-span-2 { + grid-row: span 2 / span 2 !important; } - .lg\:w-auto { - width: auto !important; + .lg\:row-span-3 { + grid-row: span 3 / span 3 !important; } - .lg\:w-px { - width: 1px !important; + .lg\:row-span-4 { + grid-row: span 4 / span 4 !important; } - .lg\:w-1\/2 { - width: 50% !important; + .lg\:row-span-5 { + grid-row: span 5 / span 5 !important; } - .lg\:w-1\/3 { - width: 33.333333% !important; + .lg\:row-span-6 { + grid-row: span 6 / span 6 !important; } - .lg\:w-2\/3 { - width: 66.666667% !important; + .lg\:row-start-1 { + grid-row-start: 1 !important; } - .lg\:w-1\/4 { - width: 25% !important; + .lg\:row-start-2 { + grid-row-start: 2 !important; } - .lg\:w-2\/4 { - width: 50% !important; + .lg\:row-start-3 { + grid-row-start: 3 !important; } - .lg\:w-3\/4 { - width: 75% !important; + .lg\:row-start-4 { + grid-row-start: 4 !important; } - .lg\:w-1\/5 { - width: 20% !important; + .lg\:row-start-5 { + grid-row-start: 5 !important; } - .lg\:w-2\/5 { - width: 40% !important; + .lg\:row-start-6 { + grid-row-start: 6 !important; } - .lg\:w-3\/5 { - width: 60% !important; + .lg\:row-start-7 { + grid-row-start: 7 !important; } - .lg\:w-4\/5 { - width: 80% !important; + .lg\:row-start-auto { + grid-row-start: auto !important; } - .lg\:w-1\/6 { - width: 16.666667% !important; + .lg\:row-end-1 { + grid-row-end: 1 !important; } - .lg\:w-2\/6 { - width: 33.333333% !important; + .lg\:row-end-2 { + grid-row-end: 2 !important; } - .lg\:w-3\/6 { - width: 50% !important; + .lg\:row-end-3 { + grid-row-end: 3 !important; } - .lg\:w-4\/6 { - width: 66.666667% !important; + .lg\:row-end-4 { + grid-row-end: 4 !important; } - .lg\:w-5\/6 { - width: 83.333333% !important; + .lg\:row-end-5 { + grid-row-end: 5 !important; } - .lg\:w-1\/12 { - width: 8.333333% !important; + .lg\:row-end-6 { + grid-row-end: 6 !important; } - .lg\:w-2\/12 { - width: 16.666667% !important; + .lg\:row-end-7 { + grid-row-end: 7 !important; } - .lg\:w-3\/12 { - width: 25% !important; + .lg\:row-end-auto { + grid-row-end: auto !important; } - .lg\:w-4\/12 { - width: 33.333333% !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\:w-5\/12 { - width: 41.666667% !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\:w-6\/12 { - width: 50% !important; + .lg\:transform-none { + transform: none !important; } - .lg\:w-7\/12 { - width: 58.333333% !important; + .lg\:origin-center { + transform-origin: center !important; } - .lg\:w-8\/12 { - width: 66.666667% !important; + .lg\:origin-top { + transform-origin: top !important; } - .lg\:w-9\/12 { - width: 75% !important; + .lg\:origin-top-right { + transform-origin: top right !important; } - .lg\:w-10\/12 { - width: 83.333333% !important; + .lg\:origin-right { + transform-origin: right !important; } - .lg\:w-11\/12 { - width: 91.666667% !important; + .lg\:origin-bottom-right { + transform-origin: bottom right !important; } - .lg\:w-full { - width: 100% !important; + .lg\:origin-bottom { + transform-origin: bottom !important; } - .lg\:w-screen { - width: 100vw !important; + .lg\:origin-bottom-left { + transform-origin: bottom left !important; } - .lg\:z-0 { - z-index: 0 !important; + .lg\:origin-left { + transform-origin: left !important; } - .lg\:z-10 { - z-index: 10 !important; + .lg\:origin-top-left { + transform-origin: top left !important; } - .lg\:z-20 { - z-index: 20 !important; + .lg\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:z-30 { - z-index: 30 !important; + .lg\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:z-40 { - z-index: 40 !important; + .lg\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:z-50 { - z-index: 50 !important; + .lg\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:z-auto { - z-index: auto !important; + .lg\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .lg\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .lg\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .lg\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .lg\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .lg\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .lg\:scale-x-0 { + --transform-scale-x: 0 !important; } - .lg\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .lg\:scale-x-50 { + --transform-scale-x: .5 !important; } - .lg\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .lg\:scale-x-75 { + --transform-scale-x: .75 !important; } - .lg\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .lg\:scale-x-90 { + --transform-scale-x: .9 !important; } - .lg\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .lg\:scale-x-95 { + --transform-scale-x: .95 !important; } - .lg\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .lg\:scale-x-100 { + --transform-scale-x: 1 !important; } - .lg\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .lg\:scale-x-105 { + --transform-scale-x: 1.05 !important; } - .lg\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .lg\:scale-x-110 { + --transform-scale-x: 1.1 !important; } - .lg\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .lg\:scale-x-125 { + --transform-scale-x: 1.25 !important; } - .lg\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .lg\:scale-x-150 { + --transform-scale-x: 1.5 !important; } - .lg\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .lg\:scale-y-0 { + --transform-scale-y: 0 !important; } - .lg\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .lg\:scale-y-50 { + --transform-scale-y: .5 !important; } - .lg\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .lg\:scale-y-75 { + --transform-scale-y: .75 !important; } - .lg\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .lg\:scale-y-90 { + --transform-scale-y: .9 !important; } - .lg\:col-gap-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .lg\:scale-y-95 { + --transform-scale-y: .95 !important; } - .lg\:col-gap-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .lg\:scale-y-100 { + --transform-scale-y: 1 !important; } - .lg\:col-gap-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .lg\:scale-y-105 { + --transform-scale-y: 1.05 !important; } - .lg\:col-gap-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .lg\:scale-y-110 { + --transform-scale-y: 1.1 !important; } - .lg\:col-gap-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .lg\:scale-y-125 { + --transform-scale-y: 1.25 !important; } - .lg\:col-gap-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .lg\:scale-y-150 { + --transform-scale-y: 1.5 !important; } - .lg\:col-gap-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:col-gap-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:col-gap-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:col-gap-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:col-gap-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:col-gap-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:col-gap-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:col-gap-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:col-gap-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:col-gap-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:col-gap-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } - .lg\:col-gap-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } - .lg\:col-gap-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } - .lg\:row-gap-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } - .lg\:row-gap-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } - .lg\:row-gap-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } - .lg\:row-gap-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } - .lg\:row-gap-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } - .lg\:row-gap-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } - .lg\:row-gap-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } - .lg\:row-gap-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } - .lg\:row-gap-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } - .lg\:row-gap-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; + } + + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } - .lg\:row-gap-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } - .lg\:row-gap-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } - .lg\:row-gap-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } - .lg\:row-gap-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } - .lg\:row-gap-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } - .lg\:row-gap-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } - .lg\:row-gap-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:row-gap-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:row-gap-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:grid-flow-row { - grid-auto-flow: row !important; + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:grid-flow-col { - grid-auto-flow: column !important; + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } - .lg\:grid-cols-none { - grid-template-columns: none !important; + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } - .lg\:col-auto { - grid-column: auto !important; + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } - .lg\:col-span-1 { - grid-column: span 1 / span 1 !important; + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } - .lg\:col-span-2 { - grid-column: span 2 / span 2 !important; + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } - .lg\:col-span-3 { - grid-column: span 3 / span 3 !important; + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } - .lg\:col-span-4 { - grid-column: span 4 / span 4 !important; + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } - .lg\:col-span-5 { - grid-column: span 5 / span 5 !important; + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } - .lg\:col-span-6 { - grid-column: span 6 / span 6 !important; + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } - .lg\:col-span-7 { - grid-column: span 7 / span 7 !important; + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } - .lg\:col-span-8 { - grid-column: span 8 / span 8 !important; + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } - .lg\:col-span-9 { - grid-column: span 9 / span 9 !important; + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } - .lg\:col-span-10 { - grid-column: span 10 / span 10 !important; + .lg\:rotate-0 { + --transform-rotate: 0 !important; } - .lg\:col-span-11 { - grid-column: span 11 / span 11 !important; + .lg\:rotate-45 { + --transform-rotate: 45deg !important; } - .lg\:col-span-12 { - grid-column: span 12 / span 12 !important; + .lg\:rotate-90 { + --transform-rotate: 90deg !important; } - .lg\:col-start-1 { - grid-column-start: 1 !important; + .lg\:rotate-180 { + --transform-rotate: 180deg !important; } - .lg\:col-start-2 { - grid-column-start: 2 !important; + .lg\:-rotate-180 { + --transform-rotate: -180deg !important; } - .lg\:col-start-3 { - grid-column-start: 3 !important; + .lg\:-rotate-90 { + --transform-rotate: -90deg !important; } - .lg\:col-start-4 { - grid-column-start: 4 !important; + .lg\:-rotate-45 { + --transform-rotate: -45deg !important; } - .lg\:col-start-5 { - grid-column-start: 5 !important; + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; } - .lg\:col-start-6 { - grid-column-start: 6 !important; + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } - .lg\:col-start-7 { - grid-column-start: 7 !important; + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } - .lg\:col-start-8 { - grid-column-start: 8 !important; + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } - .lg\:col-start-9 { - grid-column-start: 9 !important; + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } - .lg\:col-start-10 { - grid-column-start: 10 !important; + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } - .lg\:col-start-11 { - grid-column-start: 11 !important; + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } - .lg\:col-start-12 { - grid-column-start: 12 !important; + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; } - .lg\:col-start-13 { - grid-column-start: 13 !important; + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } - .lg\:col-start-auto { - grid-column-start: auto !important; + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } - .lg\:col-end-1 { - grid-column-end: 1 !important; + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } - .lg\:col-end-2 { - grid-column-end: 2 !important; + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } - .lg\:col-end-3 { - grid-column-end: 3 !important; + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } - .lg\:col-end-4 { - grid-column-end: 4 !important; + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } - .lg\:col-end-5 { - grid-column-end: 5 !important; + .lg\:translate-x-0 { + --transform-translate-x: 0 !important; } - .lg\:col-end-6 { - grid-column-end: 6 !important; + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem !important; } - .lg\:col-end-7 { - grid-column-end: 7 !important; + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem !important; } - .lg\:col-end-8 { - grid-column-end: 8 !important; + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem !important; } - .lg\:col-end-9 { - grid-column-end: 9 !important; + .lg\:translate-x-4 { + --transform-translate-x: 1rem !important; } - .lg\:col-end-10 { - grid-column-end: 10 !important; + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem !important; } - .lg\:col-end-11 { - grid-column-end: 11 !important; + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem !important; } - .lg\:col-end-12 { - grid-column-end: 12 !important; + .lg\:translate-x-8 { + --transform-translate-x: 2rem !important; } - .lg\:col-end-13 { - grid-column-end: 13 !important; + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem !important; } - .lg\:col-end-auto { - grid-column-end: auto !important; + .lg\:translate-x-12 { + --transform-translate-x: 3rem !important; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .lg\:translate-x-16 { + --transform-translate-x: 4rem !important; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .lg\:translate-x-20 { + --transform-translate-x: 5rem !important; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .lg\:translate-x-24 { + --transform-translate-x: 6rem !important; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .lg\:translate-x-32 { + --transform-translate-x: 8rem !important; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .lg\:translate-x-40 { + --transform-translate-x: 10rem !important; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .lg\:translate-x-48 { + --transform-translate-x: 12rem !important; } - .lg\:grid-rows-none { - grid-template-rows: none !important; + .lg\:translate-x-56 { + --transform-translate-x: 14rem !important; } - .lg\:row-auto { - grid-row: auto !important; + .lg\:translate-x-64 { + --transform-translate-x: 16rem !important; } - .lg\:row-span-1 { - grid-row: span 1 / span 1 !important; + .lg\:translate-x-px { + --transform-translate-x: 1px !important; } - .lg\:row-span-2 { - grid-row: span 2 / span 2 !important; + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; } - .lg\:row-span-3 { - grid-row: span 3 / span 3 !important; + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; } - .lg\:row-span-4 { - grid-row: span 4 / span 4 !important; + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; } - .lg\:row-span-5 { - grid-row: span 5 / span 5 !important; + .lg\:-translate-x-4 { + --transform-translate-x: -1rem !important; } - .lg\:row-span-6 { - grid-row: span 6 / span 6 !important; + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; } - .lg\:row-start-1 { - grid-row-start: 1 !important; + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; } - .lg\:row-start-2 { - grid-row-start: 2 !important; + .lg\:-translate-x-8 { + --transform-translate-x: -2rem !important; } - .lg\:row-start-3 { - grid-row-start: 3 !important; + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; } - .lg\:row-start-4 { - grid-row-start: 4 !important; + .lg\:-translate-x-12 { + --transform-translate-x: -3rem !important; } - .lg\:row-start-5 { - grid-row-start: 5 !important; + .lg\:-translate-x-16 { + --transform-translate-x: -4rem !important; } - .lg\:row-start-6 { - grid-row-start: 6 !important; + .lg\:-translate-x-20 { + --transform-translate-x: -5rem !important; } - .lg\:row-start-7 { - grid-row-start: 7 !important; + .lg\:-translate-x-24 { + --transform-translate-x: -6rem !important; } - .lg\:row-start-auto { - grid-row-start: auto !important; + .lg\:-translate-x-32 { + --transform-translate-x: -8rem !important; } - .lg\:row-end-1 { - grid-row-end: 1 !important; + .lg\:-translate-x-40 { + --transform-translate-x: -10rem !important; } - .lg\:row-end-2 { - grid-row-end: 2 !important; + .lg\:-translate-x-48 { + --transform-translate-x: -12rem !important; } - .lg\:row-end-3 { - grid-row-end: 3 !important; + .lg\:-translate-x-56 { + --transform-translate-x: -14rem !important; } - .lg\:row-end-4 { - grid-row-end: 4 !important; + .lg\:-translate-x-64 { + --transform-translate-x: -16rem !important; } - .lg\:row-end-5 { - grid-row-end: 5 !important; + .lg\:-translate-x-px { + --transform-translate-x: -1px !important; } - .lg\:row-end-6 { - grid-row-end: 6 !important; + .lg\:-translate-x-full { + --transform-translate-x: -100% !important; } - .lg\:row-end-7 { - grid-row-end: 7 !important; + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; } - .lg\:row-end-auto { - grid-row-end: auto !important; + .lg\:translate-x-1\/2 { + --transform-translate-x: 50% !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\:translate-x-full { + --transform-translate-x: 100% !important; } - .lg\:transform-gpu { - --transform-translate-x: 0 !important; + .lg\:translate-y-0 { --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\:transform-none { - transform: none !important; + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem !important; } - .lg\:origin-center { - transform-origin: center !important; + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem !important; } - .lg\:origin-top { - transform-origin: top !important; + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem !important; } - .lg\:origin-top-right { - transform-origin: top right !important; + .lg\:translate-y-4 { + --transform-translate-y: 1rem !important; } - .lg\:origin-right { - transform-origin: right !important; + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem !important; } - .lg\:origin-bottom-right { - transform-origin: bottom right !important; + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem !important; } - .lg\:origin-bottom { - transform-origin: bottom !important; + .lg\:translate-y-8 { + --transform-translate-y: 2rem !important; } - .lg\:origin-bottom-left { - transform-origin: bottom left !important; + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem !important; } - .lg\:origin-left { - transform-origin: left !important; + .lg\:translate-y-12 { + --transform-translate-y: 3rem !important; } - .lg\:origin-top-left { - transform-origin: top left !important; + .lg\:translate-y-16 { + --transform-translate-y: 4rem !important; } - .lg\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:translate-y-20 { + --transform-translate-y: 5rem !important; } - .lg\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:translate-y-24 { + --transform-translate-y: 6rem !important; } - .lg\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:translate-y-32 { + --transform-translate-y: 8rem !important; } - .lg\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:translate-y-40 { + --transform-translate-y: 10rem !important; } - .lg\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:translate-y-48 { + --transform-translate-y: 12rem !important; } - .lg\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:translate-y-56 { + --transform-translate-y: 14rem !important; } - .lg\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:translate-y-64 { + --transform-translate-y: 16rem !important; } - .lg\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:translate-y-px { + --transform-translate-y: 1px !important; } - .lg\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; } - .lg\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; } - .lg\:scale-x-0 { - --transform-scale-x: 0 !important; + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; } - .lg\:scale-x-50 { - --transform-scale-x: .5 !important; + .lg\:-translate-y-4 { + --transform-translate-y: -1rem !important; } - .lg\:scale-x-75 { - --transform-scale-x: .75 !important; + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; } - .lg\:scale-x-90 { - --transform-scale-x: .9 !important; + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; } - .lg\:scale-x-95 { - --transform-scale-x: .95 !important; + .lg\:-translate-y-8 { + --transform-translate-y: -2rem !important; } - .lg\:scale-x-100 { - --transform-scale-x: 1 !important; + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .lg\:-translate-y-12 { + --transform-translate-y: -3rem !important; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .lg\:-translate-y-16 { + --transform-translate-y: -4rem !important; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .lg\:-translate-y-20 { + --transform-translate-y: -5rem !important; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .lg\:-translate-y-24 { + --transform-translate-y: -6rem !important; } - .lg\:scale-y-0 { - --transform-scale-y: 0 !important; + .lg\:-translate-y-32 { + --transform-translate-y: -8rem !important; } - .lg\:scale-y-50 { - --transform-scale-y: .5 !important; + .lg\:-translate-y-40 { + --transform-translate-y: -10rem !important; } - .lg\:scale-y-75 { - --transform-scale-y: .75 !important; + .lg\:-translate-y-48 { + --transform-translate-y: -12rem !important; } - .lg\:scale-y-90 { - --transform-scale-y: .9 !important; + .lg\:-translate-y-56 { + --transform-translate-y: -14rem !important; } - .lg\:scale-y-95 { - --transform-scale-y: .95 !important; + .lg\:-translate-y-64 { + --transform-translate-y: -16rem !important; } - .lg\:scale-y-100 { - --transform-scale-y: 1 !important; + .lg\:-translate-y-px { + --transform-translate-y: -1px !important; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .lg\:-translate-y-full { + --transform-translate-y: -100% !important; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .lg\:translate-y-1\/2 { + --transform-translate-y: 50% !important; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .lg\:translate-y-full { + --transform-translate-y: 100% !important; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } - .lg\:rotate-0 { - --transform-rotate: 0 !important; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } - .lg\:rotate-45 { - --transform-rotate: 45deg !important; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } - .lg\:rotate-90 { - --transform-rotate: 90deg !important; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } - .lg\:rotate-180 { - --transform-rotate: 180deg !important; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } - .lg\:-rotate-180 { - --transform-rotate: -180deg !important; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } - .lg\:-rotate-90 { - --transform-rotate: -90deg !important; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; } - .lg\:-rotate-45 { - --transform-rotate: -45deg !important; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; } - .lg\:translate-x-0 { + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; + } + + .lg\:focus\:translate-x-0:focus { --transform-translate-x: 0 !important; } - .lg\:translate-x-1 { + .lg\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem !important; } - .lg\:translate-x-2 { + .lg\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem !important; } - .lg\:translate-x-3 { + .lg\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem !important; } - .lg\:translate-x-4 { + .lg\:focus\:translate-x-4:focus { --transform-translate-x: 1rem !important; } - .lg\:translate-x-5 { + .lg\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem !important; } - .lg\:translate-x-6 { + .lg\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem !important; } - .lg\:translate-x-8 { + .lg\:focus\:translate-x-8:focus { --transform-translate-x: 2rem !important; } - .lg\:translate-x-10 { + .lg\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem !important; } - .lg\:translate-x-12 { + .lg\:focus\:translate-x-12:focus { --transform-translate-x: 3rem !important; } - .lg\:translate-x-16 { + .lg\:focus\:translate-x-16:focus { --transform-translate-x: 4rem !important; } - .lg\:translate-x-20 { + .lg\:focus\:translate-x-20:focus { --transform-translate-x: 5rem !important; } - .lg\:translate-x-24 { + .lg\:focus\:translate-x-24:focus { --transform-translate-x: 6rem !important; } - .lg\:translate-x-32 { + .lg\:focus\:translate-x-32:focus { --transform-translate-x: 8rem !important; } - .lg\:translate-x-40 { + .lg\:focus\:translate-x-40:focus { --transform-translate-x: 10rem !important; } - .lg\:translate-x-48 { + .lg\:focus\:translate-x-48:focus { --transform-translate-x: 12rem !important; } - .lg\:translate-x-56 { + .lg\:focus\:translate-x-56:focus { --transform-translate-x: 14rem !important; } - .lg\:translate-x-64 { + .lg\:focus\:translate-x-64:focus { --transform-translate-x: 16rem !important; } - .lg\:translate-x-px { + .lg\:focus\:translate-x-px:focus { --transform-translate-x: 1px !important; } - .lg\:-translate-x-1 { + .lg\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem !important; } - .lg\:-translate-x-2 { + .lg\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem !important; } - .lg\:-translate-x-3 { + .lg\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem !important; } - .lg\:-translate-x-4 { + .lg\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem !important; } - .lg\:-translate-x-5 { + .lg\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem !important; } - .lg\:-translate-x-6 { + .lg\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem !important; } - .lg\:-translate-x-8 { + .lg\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem !important; } - .lg\:-translate-x-10 { + .lg\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem !important; } - .lg\:-translate-x-12 { + .lg\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem !important; } - .lg\:-translate-x-16 { + .lg\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem !important; } - .lg\:-translate-x-20 { + .lg\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem !important; } - .lg\:-translate-x-24 { + .lg\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem !important; } - .lg\:-translate-x-32 { + .lg\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem !important; } - .lg\:-translate-x-40 { + .lg\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem !important; } - .lg\:-translate-x-48 { + .lg\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem !important; } - .lg\:-translate-x-56 { + .lg\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem !important; } - .lg\:-translate-x-64 { + .lg\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem !important; } - .lg\:-translate-x-px { + .lg\:focus\:-translate-x-px:focus { --transform-translate-x: -1px !important; } - .lg\:-translate-x-full { + .lg\:focus\:-translate-x-full:focus { --transform-translate-x: -100% !important; } - .lg\:-translate-x-1\/2 { + .lg\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50% !important; } - .lg\:translate-x-1\/2 { + .lg\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50% !important; } - .lg\:translate-x-full { + .lg\:focus\:translate-x-full:focus { --transform-translate-x: 100% !important; } - .lg\:translate-y-0 { + .lg\:focus\:translate-y-0:focus { --transform-translate-y: 0 !important; } - .lg\:translate-y-1 { + .lg\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem !important; } - .lg\:translate-y-2 { + .lg\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem !important; } - .lg\:translate-y-3 { + .lg\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem !important; } - .lg\:translate-y-4 { + .lg\:focus\:translate-y-4:focus { --transform-translate-y: 1rem !important; } - .lg\:translate-y-5 { + .lg\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem !important; } - .lg\:translate-y-6 { + .lg\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem !important; } - .lg\:translate-y-8 { + .lg\:focus\:translate-y-8:focus { --transform-translate-y: 2rem !important; } - .lg\:translate-y-10 { + .lg\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem !important; } - .lg\:translate-y-12 { + .lg\:focus\:translate-y-12:focus { --transform-translate-y: 3rem !important; } - .lg\:translate-y-16 { + .lg\:focus\:translate-y-16:focus { --transform-translate-y: 4rem !important; } - .lg\:translate-y-20 { + .lg\:focus\:translate-y-20:focus { --transform-translate-y: 5rem !important; } - .lg\:translate-y-24 { + .lg\:focus\:translate-y-24:focus { --transform-translate-y: 6rem !important; } - .lg\:translate-y-32 { + .lg\:focus\:translate-y-32:focus { --transform-translate-y: 8rem !important; } - .lg\:translate-y-40 { + .lg\:focus\:translate-y-40:focus { --transform-translate-y: 10rem !important; } - .lg\:translate-y-48 { + .lg\:focus\:translate-y-48:focus { --transform-translate-y: 12rem !important; } - .lg\:translate-y-56 { + .lg\:focus\:translate-y-56:focus { --transform-translate-y: 14rem !important; } - .lg\:translate-y-64 { + .lg\:focus\:translate-y-64:focus { --transform-translate-y: 16rem !important; } - .lg\:translate-y-px { + .lg\:focus\:translate-y-px:focus { --transform-translate-y: 1px !important; } - .lg\:-translate-y-1 { + .lg\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem !important; } - .lg\:-translate-y-2 { + .lg\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem !important; } - .lg\:-translate-y-3 { + .lg\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem !important; } - .lg\:-translate-y-4 { + .lg\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem !important; } - .lg\:-translate-y-5 { + .lg\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem !important; } - .lg\:-translate-y-6 { + .lg\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem !important; } - .lg\:-translate-y-8 { + .lg\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem !important; } - .lg\:-translate-y-10 { + .lg\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem !important; } - .lg\:-translate-y-12 { + .lg\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem !important; } - .lg\:-translate-y-16 { + .lg\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem !important; } - .lg\:-translate-y-20 { + .lg\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem !important; } - .lg\:-translate-y-24 { + .lg\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem !important; } - .lg\:-translate-y-32 { + .lg\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem !important; } - .lg\:-translate-y-40 { + .lg\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem !important; } - .lg\:-translate-y-48 { + .lg\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem !important; } - .lg\:-translate-y-56 { + .lg\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem !important; } - .lg\:-translate-y-64 { + .lg\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem !important; } - .lg\:-translate-y-px { + .lg\:focus\:-translate-y-px:focus { --transform-translate-y: -1px !important; } - .lg\:-translate-y-full { + .lg\:focus\:-translate-y-full:focus { --transform-translate-y: -100% !important; } - .lg\:-translate-y-1\/2 { + .lg\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50% !important; } - .lg\:translate-y-1\/2 { + .lg\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50% !important; } - .lg\:translate-y-full { + .lg\:focus\:translate-y-full:focus { --transform-translate-y: 100% !important; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .lg\:skew-x-0 { + --transform-skew-x: 0 !important; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .lg\:skew-x-3 { + --transform-skew-x: 3deg !important; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .lg\:skew-x-6 { + --transform-skew-x: 6deg !important; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .lg\:skew-x-12 { + --transform-skew-x: 12deg !important; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .lg\:-skew-x-12 { + --transform-skew-x: -12deg !important; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .lg\:-skew-x-6 { + --transform-skew-x: -6deg !important; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .lg\:-skew-x-3 { + --transform-skew-x: -3deg !important; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .lg\:skew-y-0 { + --transform-skew-y: 0 !important; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .lg\:skew-y-3 { + --transform-skew-y: 3deg !important; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .lg\:skew-y-6 { + --transform-skew-y: 6deg !important; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .lg\:skew-y-12 { + --transform-skew-y: 12deg !important; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg !important; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg !important; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg !important; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .lg\:transition-none { + transition-property: none !important; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .lg\:transition-all { + transition-property: all !important; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .lg\:transition-opacity { + transition-property: opacity !important; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .lg\:transition-shadow { + transition-property: box-shadow !important; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .lg\:transition-transform { + transition-property: transform !important; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .lg\:ease-linear { + transition-timing-function: linear !important; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .lg\:duration-75 { + transition-duration: 75ms !important; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .lg\:duration-100 { + transition-duration: 100ms !important; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .lg\:duration-150 { + transition-duration: 150ms !important; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .lg\:duration-200 { + transition-duration: 200ms !important; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .lg\:duration-300 { + transition-duration: 300ms !important; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .lg\:duration-500 { + transition-duration: 500ms !important; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .lg\:duration-700 { + transition-duration: 700ms !important; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .lg\:duration-1000 { + transition-duration: 1000ms !important; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .lg\:delay-75 { + transition-delay: 75ms !important; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .lg\:delay-100 { + transition-delay: 100ms !important; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .lg\:delay-150 { + transition-delay: 150ms !important; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .lg\:delay-200 { + transition-delay: 200ms !important; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; + .lg\:delay-300 { + transition-delay: 300ms !important; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; + .lg\:delay-500 { + transition-delay: 500ms !important; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .lg\:delay-700 { + transition-delay: 700ms !important; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .lg\:delay-1000 { + transition-delay: 1000ms !important; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .lg\:example { + font-weight: 700; + color: #f56565; } +} - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; +@media (min-width: 1280px) { + .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\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0px * var(--space-x-reverse)) !important; + margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important; } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !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\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !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\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !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\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !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\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !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\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !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\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !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\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2rem * var(--space-x-reverse)) !important; + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !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\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !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\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(3rem * var(--space-x-reverse)) !important; + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !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\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(4rem * var(--space-x-reverse)) !important; + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !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\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(5rem * var(--space-x-reverse)) !important; + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !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\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(6rem * var(--space-x-reverse)) !important; + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !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\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(8rem * var(--space-x-reverse)) !important; + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !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\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(10rem * var(--space-x-reverse)) !important; + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !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\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(12rem * var(--space-x-reverse)) !important; + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !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\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(14rem * var(--space-x-reverse)) !important; + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !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\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(16rem * var(--space-x-reverse)) !important; + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !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\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(1px * var(--space-x-reverse)) !important; + margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !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\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !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\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !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\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !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\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1rem * var(--space-x-reverse)) !important; + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !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\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !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\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2rem * var(--space-x-reverse)) !important; + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-3rem * var(--space-x-reverse)) !important; + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-4rem * var(--space-x-reverse)) !important; + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-5rem * var(--space-x-reverse)) !important; + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-6rem * var(--space-x-reverse)) !important; + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-8rem * var(--space-x-reverse)) !important; + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-10rem * var(--space-x-reverse)) !important; + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-12rem * var(--space-x-reverse)) !important; + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-14rem * var(--space-x-reverse)) !important; + margin-left: calc(-14rem * 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-right: calc(-16rem * var(--space-x-reverse)) !important; + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !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\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-right: calc(-1px * var(--space-x-reverse)) !important; + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + } + + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; + } + + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !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; + } + + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(0px * var(--divide-x-reverse)) !important; + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !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; + } + + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(2px * var(--divide-x-reverse)) !important; + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !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\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(4px * var(--divide-x-reverse)) !important; + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !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\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(8px * var(--divide-x-reverse)) !important; + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !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\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-right-width: calc(1px * var(--divide-x-reverse)) !important; + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .xl\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .xl\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .xl\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .xl\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .xl\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .xl\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .xl\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .xl\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .xl\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--divide-opacity)) !important; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--divide-opacity)) !important; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--divide-opacity)) !important; } - .lg\:skew-x-0 { - --transform-skew-x: 0 !important; + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--divide-opacity)) !important; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg !important; + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--divide-opacity)) !important; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg !important; + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--divide-opacity)) !important; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg !important; + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--divide-opacity)) !important; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--divide-opacity)) !important; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--divide-opacity)) !important; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--divide-opacity)) !important; } - .lg\:skew-y-0 { - --transform-skew-y: 0 !important; + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--divide-opacity)) !important; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg !important; + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--divide-opacity)) !important; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg !important; + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--divide-opacity)) !important; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg !important; + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--divide-opacity)) !important; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--divide-opacity)) !important; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .xl\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--divide-opacity)) !important; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .xl\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--divide-opacity)) !important; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .xl\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--divide-opacity)) !important; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + .xl\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--divide-opacity)) !important; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .xl\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--divide-opacity)) !important; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .xl\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .xl\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .xl\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .xl\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--divide-opacity)) !important; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--divide-opacity)) !important; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--divide-opacity)) !important; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--divide-opacity)) !important; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--divide-opacity)) !important; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--divide-opacity)) !important; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--divide-opacity)) !important; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--divide-opacity)) !important; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; + .xl\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--divide-opacity)) !important; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .xl\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; + .xl\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .xl\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; + .xl\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--divide-opacity)) !important; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .xl\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--divide-opacity)) !important; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; + .xl\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--divide-opacity)) !important; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .xl\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--divide-opacity)) !important; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; + .xl\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--divide-opacity)) !important; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--divide-opacity)) !important; } - .lg\:transition-none { - transition-property: none !important; + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--divide-opacity)) !important; } - .lg\:transition-all { - transition-property: all !important; + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--divide-opacity)) !important; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--divide-opacity)) !important; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--divide-opacity)) !important; } - .lg\:transition-opacity { - transition-property: opacity !important; + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--divide-opacity)) !important; } - .lg\:transition-shadow { - transition-property: box-shadow !important; + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--divide-opacity)) !important; } - .lg\:transition-transform { - transition-property: transform !important; + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--divide-opacity)) !important; } - .lg\:ease-linear { - transition-timing-function: linear !important; + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--divide-opacity)) !important; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--divide-opacity)) !important; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--divide-opacity)) !important; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--divide-opacity)) !important; } - .lg\:duration-75 { - transition-duration: 75ms !important; + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--divide-opacity)) !important; } - .lg\:duration-100 { - transition-duration: 100ms !important; + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--divide-opacity)) !important; } - .lg\:duration-150 { - transition-duration: 150ms !important; + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--divide-opacity)) !important; } - .lg\:duration-200 { - transition-duration: 200ms !important; + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--divide-opacity)) !important; } - .lg\:duration-300 { - transition-duration: 300ms !important; + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .lg\:duration-500 { - transition-duration: 500ms !important; + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .lg\:duration-700 { - transition-duration: 700ms !important; + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .lg\:duration-1000 { - transition-duration: 1000ms !important; + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .lg\:example { - font-weight: 700; - color: #f56565; + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } -} -@media (min-width: 1280px) { .xl\:sr-only { position: absolute !important; width: 1px !important; @@ -41939,1116 +56766,1740 @@ video { background-color: transparent !important; } + .xl\:bg-current { + background-color: currentColor !important; + } + .xl\:bg-black { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .xl\:bg-white { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .xl\:bg-gray-100 { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .xl\:bg-gray-200 { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .xl\:bg-gray-300 { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .xl\:bg-gray-400 { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .xl\:bg-gray-500 { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .xl\:bg-gray-600 { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .xl\:bg-gray-700 { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .xl\:bg-gray-800 { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .xl\:bg-gray-900 { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .xl\:bg-red-100 { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .xl\:bg-red-200 { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .xl\:bg-red-300 { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .xl\:bg-red-400 { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .xl\:bg-red-500 { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .xl\:bg-red-600 { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .xl\:bg-red-700 { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .xl\:bg-red-800 { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .xl\:bg-red-900 { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .xl\:bg-orange-100 { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .xl\:bg-orange-200 { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .xl\:bg-orange-300 { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .xl\:bg-orange-400 { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .xl\:bg-orange-500 { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .xl\:bg-orange-600 { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .xl\:bg-orange-700 { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .xl\:bg-orange-800 { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .xl\:bg-orange-900 { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .xl\:bg-yellow-100 { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .xl\:bg-yellow-200 { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .xl\:bg-yellow-300 { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .xl\:bg-yellow-400 { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .xl\:bg-yellow-500 { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .xl\:bg-yellow-600 { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .xl\:bg-yellow-700 { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .xl\:bg-yellow-800 { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .xl\:bg-yellow-900 { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .xl\:bg-green-100 { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .xl\:bg-green-200 { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .xl\:bg-green-300 { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .xl\:bg-green-400 { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .xl\:bg-green-500 { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .xl\:bg-green-600 { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .xl\:bg-green-700 { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .xl\:bg-green-800 { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .xl\:bg-green-900 { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .xl\:bg-teal-100 { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .xl\:bg-teal-200 { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .xl\:bg-teal-300 { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .xl\:bg-teal-400 { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .xl\:bg-teal-500 { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .xl\:bg-teal-600 { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .xl\:bg-teal-700 { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .xl\:bg-teal-800 { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .xl\:bg-teal-900 { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .xl\:bg-blue-100 { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .xl\:bg-blue-200 { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .xl\:bg-blue-300 { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .xl\:bg-blue-400 { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .xl\:bg-blue-500 { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .xl\:bg-blue-600 { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .xl\:bg-blue-700 { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .xl\:bg-blue-800 { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .xl\:bg-blue-900 { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .xl\:bg-indigo-100 { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .xl\:bg-indigo-200 { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .xl\:bg-indigo-300 { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .xl\:bg-indigo-400 { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .xl\:bg-indigo-500 { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .xl\:bg-indigo-600 { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .xl\:bg-indigo-700 { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .xl\:bg-indigo-800 { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .xl\:bg-indigo-900 { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .xl\:bg-purple-100 { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .xl\:bg-purple-200 { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .xl\:bg-purple-300 { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .xl\:bg-purple-400 { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .xl\:bg-purple-500 { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .xl\:bg-purple-600 { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .xl\:bg-purple-700 { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .xl\:bg-purple-800 { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .xl\:bg-purple-900 { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .xl\:bg-pink-100 { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .xl\:bg-pink-200 { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .xl\:bg-pink-300 { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .xl\:bg-pink-400 { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .xl\:bg-pink-500 { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .xl\:bg-pink-600 { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .xl\:bg-pink-700 { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .xl\:bg-pink-800 { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .xl\:bg-pink-900 { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .xl\:hover\:bg-transparent:hover { background-color: transparent !important; } + .xl\:hover\:bg-current:hover { + background-color: currentColor !important; + } + .xl\:hover\:bg-black:hover { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .xl\:hover\:bg-white:hover { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-100:hover { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-200:hover { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-300:hover { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-400:hover { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-500:hover { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-600:hover { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-700:hover { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-800:hover { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .xl\:hover\:bg-orange-900:hover { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-100:hover { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-200:hover { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-300:hover { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-400:hover { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-500:hover { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-600:hover { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-700:hover { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-800:hover { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .xl\:hover\:bg-teal-900:hover { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-100:hover { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-200:hover { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-300:hover { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-400:hover { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-500:hover { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-600:hover { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-700:hover { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-800:hover { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .xl\:hover\:bg-indigo-900:hover { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; } .xl\:focus\:bg-transparent:focus { background-color: transparent !important; } + .xl\:focus\:bg-current:focus { + background-color: currentColor !important; + } + .xl\:focus\:bg-black:focus { + --bg-opacity: 1 !important; background-color: #000 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } .xl\:focus\:bg-white:focus { + --bg-opacity: 1 !important; background-color: #fff !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; background-color: #f7fafc !important; + background-color: rgba(247, 250, 252, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; background-color: #edf2f7 !important; + background-color: rgba(237, 242, 247, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; background-color: #e2e8f0 !important; + background-color: rgba(226, 232, 240, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; background-color: #cbd5e0 !important; + background-color: rgba(203, 213, 224, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; background-color: #a0aec0 !important; + background-color: rgba(160, 174, 192, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; background-color: #718096 !important; + background-color: rgba(113, 128, 150, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; background-color: #4a5568 !important; + background-color: rgba(74, 85, 104, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; background-color: #2d3748 !important; + background-color: rgba(45, 55, 72, var(--bg-opacity)) !important; } .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; background-color: #1a202c !important; + background-color: rgba(26, 32, 44, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f5 !important; + background-color: rgba(255, 245, 245, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; background-color: #fed7d7 !important; + background-color: rgba(254, 215, 215, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; background-color: #feb2b2 !important; + background-color: rgba(254, 178, 178, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; background-color: #fc8181 !important; + background-color: rgba(252, 129, 129, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; background-color: #f56565 !important; + background-color: rgba(245, 101, 101, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; background-color: #e53e3e !important; + background-color: rgba(229, 62, 62, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; background-color: #c53030 !important; + background-color: rgba(197, 48, 48, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; background-color: #9b2c2c !important; + background-color: rgba(155, 44, 44, var(--bg-opacity)) !important; } .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; background-color: #742a2a !important; + background-color: rgba(116, 42, 42, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-100:focus { + --bg-opacity: 1 !important; background-color: #fffaf0 !important; + background-color: rgba(255, 250, 240, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-200:focus { + --bg-opacity: 1 !important; background-color: #feebc8 !important; + background-color: rgba(254, 235, 200, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-300:focus { + --bg-opacity: 1 !important; background-color: #fbd38d !important; + background-color: rgba(251, 211, 141, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-400:focus { + --bg-opacity: 1 !important; background-color: #f6ad55 !important; + background-color: rgba(246, 173, 85, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-500:focus { + --bg-opacity: 1 !important; background-color: #ed8936 !important; + background-color: rgba(237, 137, 54, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-600:focus { + --bg-opacity: 1 !important; background-color: #dd6b20 !important; + background-color: rgba(221, 107, 32, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-700:focus { + --bg-opacity: 1 !important; background-color: #c05621 !important; + background-color: rgba(192, 86, 33, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-800:focus { + --bg-opacity: 1 !important; background-color: #9c4221 !important; + background-color: rgba(156, 66, 33, var(--bg-opacity)) !important; } .xl\:focus\:bg-orange-900:focus { + --bg-opacity: 1 !important; background-color: #7b341e !important; + background-color: rgba(123, 52, 30, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; background-color: #fffff0 !important; + background-color: rgba(255, 255, 240, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; background-color: #fefcbf !important; + background-color: rgba(254, 252, 191, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; background-color: #faf089 !important; + background-color: rgba(250, 240, 137, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; background-color: #f6e05e !important; + background-color: rgba(246, 224, 94, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; background-color: #ecc94b !important; + background-color: rgba(236, 201, 75, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; background-color: #d69e2e !important; + background-color: rgba(214, 158, 46, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; background-color: #b7791f !important; + background-color: rgba(183, 121, 31, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; background-color: #975a16 !important; + background-color: rgba(151, 90, 22, var(--bg-opacity)) !important; } .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; background-color: #744210 !important; + background-color: rgba(116, 66, 16, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; background-color: #f0fff4 !important; + background-color: rgba(240, 255, 244, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; background-color: #c6f6d5 !important; + background-color: rgba(198, 246, 213, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; background-color: #9ae6b4 !important; + background-color: rgba(154, 230, 180, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; background-color: #68d391 !important; + background-color: rgba(104, 211, 145, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; background-color: #48bb78 !important; + background-color: rgba(72, 187, 120, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; background-color: #38a169 !important; + background-color: rgba(56, 161, 105, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; background-color: #2f855a !important; + background-color: rgba(47, 133, 90, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; background-color: #276749 !important; + background-color: rgba(39, 103, 73, var(--bg-opacity)) !important; } .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; background-color: #22543d !important; + background-color: rgba(34, 84, 61, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-100:focus { + --bg-opacity: 1 !important; background-color: #e6fffa !important; + background-color: rgba(230, 255, 250, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-200:focus { + --bg-opacity: 1 !important; background-color: #b2f5ea !important; + background-color: rgba(178, 245, 234, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-300:focus { + --bg-opacity: 1 !important; background-color: #81e6d9 !important; + background-color: rgba(129, 230, 217, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-400:focus { + --bg-opacity: 1 !important; background-color: #4fd1c5 !important; + background-color: rgba(79, 209, 197, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-500:focus { + --bg-opacity: 1 !important; background-color: #38b2ac !important; + background-color: rgba(56, 178, 172, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-600:focus { + --bg-opacity: 1 !important; background-color: #319795 !important; + background-color: rgba(49, 151, 149, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-700:focus { + --bg-opacity: 1 !important; background-color: #2c7a7b !important; + background-color: rgba(44, 122, 123, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-800:focus { + --bg-opacity: 1 !important; background-color: #285e61 !important; + background-color: rgba(40, 94, 97, var(--bg-opacity)) !important; } .xl\:focus\:bg-teal-900:focus { + --bg-opacity: 1 !important; background-color: #234e52 !important; + background-color: rgba(35, 78, 82, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; background-color: #ebf8ff !important; + background-color: rgba(235, 248, 255, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; background-color: #bee3f8 !important; + background-color: rgba(190, 227, 248, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; background-color: #90cdf4 !important; + background-color: rgba(144, 205, 244, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; background-color: #63b3ed !important; + background-color: rgba(99, 179, 237, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; background-color: #4299e1 !important; + background-color: rgba(66, 153, 225, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; background-color: #3182ce !important; + background-color: rgba(49, 130, 206, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; background-color: #2b6cb0 !important; + background-color: rgba(43, 108, 176, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; background-color: #2c5282 !important; + background-color: rgba(44, 82, 130, var(--bg-opacity)) !important; } .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; background-color: #2a4365 !important; + background-color: rgba(42, 67, 101, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-100:focus { + --bg-opacity: 1 !important; background-color: #ebf4ff !important; + background-color: rgba(235, 244, 255, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-200:focus { + --bg-opacity: 1 !important; background-color: #c3dafe !important; + background-color: rgba(195, 218, 254, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-300:focus { + --bg-opacity: 1 !important; background-color: #a3bffa !important; + background-color: rgba(163, 191, 250, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-400:focus { + --bg-opacity: 1 !important; background-color: #7f9cf5 !important; + background-color: rgba(127, 156, 245, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-500:focus { + --bg-opacity: 1 !important; background-color: #667eea !important; + background-color: rgba(102, 126, 234, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-600:focus { + --bg-opacity: 1 !important; background-color: #5a67d8 !important; + background-color: rgba(90, 103, 216, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-700:focus { + --bg-opacity: 1 !important; background-color: #4c51bf !important; + background-color: rgba(76, 81, 191, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-800:focus { + --bg-opacity: 1 !important; background-color: #434190 !important; + background-color: rgba(67, 65, 144, var(--bg-opacity)) !important; } .xl\:focus\:bg-indigo-900:focus { + --bg-opacity: 1 !important; background-color: #3c366b !important; + background-color: rgba(60, 54, 107, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; background-color: #faf5ff !important; + background-color: rgba(250, 245, 255, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; background-color: #e9d8fd !important; + background-color: rgba(233, 216, 253, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; background-color: #d6bcfa !important; + background-color: rgba(214, 188, 250, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; background-color: #b794f4 !important; + background-color: rgba(183, 148, 244, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; background-color: #9f7aea !important; + background-color: rgba(159, 122, 234, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; background-color: #805ad5 !important; + background-color: rgba(128, 90, 213, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; background-color: #6b46c1 !important; + background-color: rgba(107, 70, 193, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; background-color: #553c9a !important; + background-color: rgba(85, 60, 154, var(--bg-opacity)) !important; } .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; background-color: #44337a !important; + background-color: rgba(68, 51, 122, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; background-color: #fff5f7 !important; + background-color: rgba(255, 245, 247, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; background-color: #fed7e2 !important; + background-color: rgba(254, 215, 226, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; background-color: #fbb6ce !important; + background-color: rgba(251, 182, 206, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; background-color: #f687b3 !important; + background-color: rgba(246, 135, 179, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; background-color: #ed64a6 !important; + background-color: rgba(237, 100, 166, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; background-color: #d53f8c !important; + background-color: rgba(213, 63, 140, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; background-color: #b83280 !important; + background-color: rgba(184, 50, 128, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; background-color: #97266d !important; + background-color: rgba(151, 38, 109, var(--bg-opacity)) !important; } .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; background-color: #702459 !important; + background-color: rgba(112, 36, 89, var(--bg-opacity)) !important; + } + + .xl\:bg-opacity-0 { + --bg-opacity: 0 !important; + } + + .xl\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } + + .xl\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } + + .xl\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } + + .xl\:bg-opacity-100 { + --bg-opacity: 1 !important; + } + + .xl\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; + } + + .xl\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; + } + + .xl\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; + } + + .xl\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; + } + + .xl\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; + } + + .xl\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; + } + + .xl\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; + } + + .xl\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; + } + + .xl\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; + } + + .xl\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } .xl\:bg-bottom { @@ -43135,1116 +58586,1740 @@ video { border-color: transparent !important; } + .xl\:border-current { + border-color: currentColor !important; + } + .xl\:border-black { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .xl\:border-white { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .xl\:border-gray-100 { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .xl\:border-gray-200 { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .xl\:border-gray-300 { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .xl\:border-gray-400 { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .xl\:border-gray-500 { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .xl\:border-gray-600 { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .xl\:border-gray-700 { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .xl\:border-gray-800 { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .xl\:border-gray-900 { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .xl\:border-red-100 { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .xl\:border-red-200 { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .xl\:border-red-300 { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .xl\:border-red-400 { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .xl\:border-red-500 { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .xl\:border-red-600 { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .xl\:border-red-700 { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .xl\:border-red-800 { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .xl\:border-red-900 { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .xl\:border-orange-100 { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .xl\:border-orange-200 { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .xl\:border-orange-300 { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .xl\:border-orange-400 { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .xl\:border-orange-500 { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .xl\:border-orange-600 { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .xl\:border-orange-700 { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .xl\:border-orange-800 { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .xl\:border-orange-900 { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .xl\:border-yellow-100 { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .xl\:border-yellow-200 { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .xl\:border-yellow-300 { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .xl\:border-yellow-400 { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .xl\:border-yellow-500 { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .xl\:border-yellow-600 { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .xl\:border-yellow-700 { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .xl\:border-yellow-800 { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .xl\:border-yellow-900 { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .xl\:border-green-100 { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .xl\:border-green-200 { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .xl\:border-green-300 { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .xl\:border-green-400 { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .xl\:border-green-500 { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .xl\:border-green-600 { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .xl\:border-green-700 { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .xl\:border-green-800 { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .xl\:border-green-900 { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .xl\:border-teal-100 { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .xl\:border-teal-200 { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .xl\:border-teal-300 { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .xl\:border-teal-400 { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .xl\:border-teal-500 { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .xl\:border-teal-600 { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .xl\:border-teal-700 { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .xl\:border-teal-800 { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .xl\:border-teal-900 { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .xl\:border-blue-100 { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .xl\:border-blue-200 { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .xl\:border-blue-300 { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .xl\:border-blue-400 { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .xl\:border-blue-500 { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .xl\:border-blue-600 { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .xl\:border-blue-700 { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .xl\:border-blue-800 { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .xl\:border-blue-900 { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .xl\:border-indigo-100 { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .xl\:border-indigo-200 { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .xl\:border-indigo-300 { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .xl\:border-indigo-400 { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .xl\:border-indigo-500 { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .xl\:border-indigo-600 { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .xl\:border-indigo-700 { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .xl\:border-indigo-800 { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .xl\:border-indigo-900 { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .xl\:border-purple-100 { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .xl\:border-purple-200 { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .xl\:border-purple-300 { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .xl\:border-purple-400 { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .xl\:border-purple-500 { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .xl\:border-purple-600 { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .xl\:border-purple-700 { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .xl\:border-purple-800 { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .xl\:border-purple-900 { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .xl\:border-pink-100 { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .xl\:border-pink-200 { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .xl\:border-pink-300 { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .xl\:border-pink-400 { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .xl\:border-pink-500 { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .xl\:border-pink-600 { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .xl\:border-pink-700 { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .xl\:border-pink-800 { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .xl\:border-pink-900 { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .xl\:hover\:border-transparent:hover { border-color: transparent !important; } + .xl\:hover\:border-current:hover { + border-color: currentColor !important; + } + .xl\:hover\:border-black:hover { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .xl\:hover\:border-white:hover { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .xl\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .xl\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .xl\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .xl\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .xl\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .xl\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .xl\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .xl\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .xl\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .xl\:hover\:border-red-100:hover { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .xl\:hover\:border-red-200:hover { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .xl\:hover\:border-red-300:hover { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .xl\:hover\:border-red-400:hover { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .xl\:hover\:border-red-500:hover { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .xl\:hover\:border-red-600:hover { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .xl\:hover\:border-red-700:hover { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .xl\:hover\:border-red-800:hover { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .xl\:hover\:border-red-900:hover { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .xl\:hover\:border-orange-100:hover { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .xl\:hover\:border-orange-200:hover { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .xl\:hover\:border-orange-300:hover { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .xl\:hover\:border-orange-400:hover { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .xl\:hover\:border-orange-500:hover { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .xl\:hover\:border-orange-600:hover { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .xl\:hover\:border-orange-700:hover { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .xl\:hover\:border-orange-800:hover { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .xl\:hover\:border-orange-900:hover { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .xl\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .xl\:hover\:border-green-100:hover { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .xl\:hover\:border-green-200:hover { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .xl\:hover\:border-green-300:hover { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .xl\:hover\:border-green-400:hover { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .xl\:hover\:border-green-500:hover { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .xl\:hover\:border-green-600:hover { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .xl\:hover\:border-green-700:hover { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .xl\:hover\:border-green-800:hover { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .xl\:hover\:border-green-900:hover { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .xl\:hover\:border-teal-100:hover { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .xl\:hover\:border-teal-200:hover { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .xl\:hover\:border-teal-300:hover { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .xl\:hover\:border-teal-400:hover { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .xl\:hover\:border-teal-500:hover { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .xl\:hover\:border-teal-600:hover { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .xl\:hover\:border-teal-700:hover { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .xl\:hover\:border-teal-800:hover { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .xl\:hover\:border-teal-900:hover { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .xl\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .xl\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .xl\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .xl\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .xl\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .xl\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .xl\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .xl\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .xl\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-100:hover { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-200:hover { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-300:hover { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-400:hover { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-500:hover { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-600:hover { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-700:hover { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-800:hover { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .xl\:hover\:border-indigo-900:hover { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .xl\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .xl\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .xl\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .xl\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .xl\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .xl\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .xl\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .xl\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .xl\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .xl\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .xl\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .xl\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .xl\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .xl\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .xl\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .xl\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .xl\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .xl\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; } .xl\:focus\:border-transparent:focus { border-color: transparent !important; } + .xl\:focus\:border-current:focus { + border-color: currentColor !important; + } + .xl\:focus\:border-black:focus { + --border-opacity: 1 !important; border-color: #000 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } .xl\:focus\:border-white:focus { + --border-opacity: 1 !important; border-color: #fff !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } .xl\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; border-color: #f7fafc !important; + border-color: rgba(247, 250, 252, var(--border-opacity)) !important; } .xl\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; border-color: #edf2f7 !important; + border-color: rgba(237, 242, 247, var(--border-opacity)) !important; } .xl\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; border-color: #e2e8f0 !important; + border-color: rgba(226, 232, 240, var(--border-opacity)) !important; } .xl\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; border-color: #cbd5e0 !important; + border-color: rgba(203, 213, 224, var(--border-opacity)) !important; } .xl\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; border-color: #a0aec0 !important; + border-color: rgba(160, 174, 192, var(--border-opacity)) !important; } .xl\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; border-color: #718096 !important; + border-color: rgba(113, 128, 150, var(--border-opacity)) !important; } .xl\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; border-color: #4a5568 !important; + border-color: rgba(74, 85, 104, var(--border-opacity)) !important; } .xl\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; border-color: #2d3748 !important; + border-color: rgba(45, 55, 72, var(--border-opacity)) !important; } .xl\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; border-color: #1a202c !important; + border-color: rgba(26, 32, 44, var(--border-opacity)) !important; } .xl\:focus\:border-red-100:focus { + --border-opacity: 1 !important; border-color: #fff5f5 !important; + border-color: rgba(255, 245, 245, var(--border-opacity)) !important; } .xl\:focus\:border-red-200:focus { + --border-opacity: 1 !important; border-color: #fed7d7 !important; + border-color: rgba(254, 215, 215, var(--border-opacity)) !important; } .xl\:focus\:border-red-300:focus { + --border-opacity: 1 !important; border-color: #feb2b2 !important; + border-color: rgba(254, 178, 178, var(--border-opacity)) !important; } .xl\:focus\:border-red-400:focus { + --border-opacity: 1 !important; border-color: #fc8181 !important; + border-color: rgba(252, 129, 129, var(--border-opacity)) !important; } .xl\:focus\:border-red-500:focus { + --border-opacity: 1 !important; border-color: #f56565 !important; + border-color: rgba(245, 101, 101, var(--border-opacity)) !important; } .xl\:focus\:border-red-600:focus { + --border-opacity: 1 !important; border-color: #e53e3e !important; + border-color: rgba(229, 62, 62, var(--border-opacity)) !important; } .xl\:focus\:border-red-700:focus { + --border-opacity: 1 !important; border-color: #c53030 !important; + border-color: rgba(197, 48, 48, var(--border-opacity)) !important; } .xl\:focus\:border-red-800:focus { + --border-opacity: 1 !important; border-color: #9b2c2c !important; + border-color: rgba(155, 44, 44, var(--border-opacity)) !important; } .xl\:focus\:border-red-900:focus { + --border-opacity: 1 !important; border-color: #742a2a !important; + border-color: rgba(116, 42, 42, var(--border-opacity)) !important; } .xl\:focus\:border-orange-100:focus { + --border-opacity: 1 !important; border-color: #fffaf0 !important; + border-color: rgba(255, 250, 240, var(--border-opacity)) !important; } .xl\:focus\:border-orange-200:focus { + --border-opacity: 1 !important; border-color: #feebc8 !important; + border-color: rgba(254, 235, 200, var(--border-opacity)) !important; } .xl\:focus\:border-orange-300:focus { + --border-opacity: 1 !important; border-color: #fbd38d !important; + border-color: rgba(251, 211, 141, var(--border-opacity)) !important; } .xl\:focus\:border-orange-400:focus { + --border-opacity: 1 !important; border-color: #f6ad55 !important; + border-color: rgba(246, 173, 85, var(--border-opacity)) !important; } .xl\:focus\:border-orange-500:focus { + --border-opacity: 1 !important; border-color: #ed8936 !important; + border-color: rgba(237, 137, 54, var(--border-opacity)) !important; } .xl\:focus\:border-orange-600:focus { + --border-opacity: 1 !important; border-color: #dd6b20 !important; + border-color: rgba(221, 107, 32, var(--border-opacity)) !important; } .xl\:focus\:border-orange-700:focus { + --border-opacity: 1 !important; border-color: #c05621 !important; + border-color: rgba(192, 86, 33, var(--border-opacity)) !important; } .xl\:focus\:border-orange-800:focus { + --border-opacity: 1 !important; border-color: #9c4221 !important; + border-color: rgba(156, 66, 33, var(--border-opacity)) !important; } .xl\:focus\:border-orange-900:focus { + --border-opacity: 1 !important; border-color: #7b341e !important; + border-color: rgba(123, 52, 30, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; border-color: #fffff0 !important; + border-color: rgba(255, 255, 240, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; border-color: #fefcbf !important; + border-color: rgba(254, 252, 191, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; border-color: #faf089 !important; + border-color: rgba(250, 240, 137, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; border-color: #f6e05e !important; + border-color: rgba(246, 224, 94, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; border-color: #ecc94b !important; + border-color: rgba(236, 201, 75, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; border-color: #d69e2e !important; + border-color: rgba(214, 158, 46, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; border-color: #b7791f !important; + border-color: rgba(183, 121, 31, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; border-color: #975a16 !important; + border-color: rgba(151, 90, 22, var(--border-opacity)) !important; } .xl\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; border-color: #744210 !important; + border-color: rgba(116, 66, 16, var(--border-opacity)) !important; } .xl\:focus\:border-green-100:focus { + --border-opacity: 1 !important; border-color: #f0fff4 !important; + border-color: rgba(240, 255, 244, var(--border-opacity)) !important; } .xl\:focus\:border-green-200:focus { + --border-opacity: 1 !important; border-color: #c6f6d5 !important; + border-color: rgba(198, 246, 213, var(--border-opacity)) !important; } .xl\:focus\:border-green-300:focus { + --border-opacity: 1 !important; border-color: #9ae6b4 !important; + border-color: rgba(154, 230, 180, var(--border-opacity)) !important; } .xl\:focus\:border-green-400:focus { + --border-opacity: 1 !important; border-color: #68d391 !important; + border-color: rgba(104, 211, 145, var(--border-opacity)) !important; } .xl\:focus\:border-green-500:focus { + --border-opacity: 1 !important; border-color: #48bb78 !important; + border-color: rgba(72, 187, 120, var(--border-opacity)) !important; } .xl\:focus\:border-green-600:focus { + --border-opacity: 1 !important; border-color: #38a169 !important; + border-color: rgba(56, 161, 105, var(--border-opacity)) !important; } .xl\:focus\:border-green-700:focus { + --border-opacity: 1 !important; border-color: #2f855a !important; + border-color: rgba(47, 133, 90, var(--border-opacity)) !important; } .xl\:focus\:border-green-800:focus { + --border-opacity: 1 !important; border-color: #276749 !important; + border-color: rgba(39, 103, 73, var(--border-opacity)) !important; } .xl\:focus\:border-green-900:focus { + --border-opacity: 1 !important; border-color: #22543d !important; + border-color: rgba(34, 84, 61, var(--border-opacity)) !important; } .xl\:focus\:border-teal-100:focus { + --border-opacity: 1 !important; border-color: #e6fffa !important; + border-color: rgba(230, 255, 250, var(--border-opacity)) !important; } .xl\:focus\:border-teal-200:focus { + --border-opacity: 1 !important; border-color: #b2f5ea !important; + border-color: rgba(178, 245, 234, var(--border-opacity)) !important; } .xl\:focus\:border-teal-300:focus { + --border-opacity: 1 !important; border-color: #81e6d9 !important; + border-color: rgba(129, 230, 217, var(--border-opacity)) !important; } .xl\:focus\:border-teal-400:focus { + --border-opacity: 1 !important; border-color: #4fd1c5 !important; + border-color: rgba(79, 209, 197, var(--border-opacity)) !important; } .xl\:focus\:border-teal-500:focus { + --border-opacity: 1 !important; border-color: #38b2ac !important; + border-color: rgba(56, 178, 172, var(--border-opacity)) !important; } .xl\:focus\:border-teal-600:focus { + --border-opacity: 1 !important; border-color: #319795 !important; + border-color: rgba(49, 151, 149, var(--border-opacity)) !important; } .xl\:focus\:border-teal-700:focus { + --border-opacity: 1 !important; border-color: #2c7a7b !important; + border-color: rgba(44, 122, 123, var(--border-opacity)) !important; } .xl\:focus\:border-teal-800:focus { + --border-opacity: 1 !important; border-color: #285e61 !important; + border-color: rgba(40, 94, 97, var(--border-opacity)) !important; } .xl\:focus\:border-teal-900:focus { + --border-opacity: 1 !important; border-color: #234e52 !important; + border-color: rgba(35, 78, 82, var(--border-opacity)) !important; } .xl\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; border-color: #ebf8ff !important; + border-color: rgba(235, 248, 255, var(--border-opacity)) !important; } .xl\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; border-color: #bee3f8 !important; + border-color: rgba(190, 227, 248, var(--border-opacity)) !important; } .xl\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; border-color: #90cdf4 !important; + border-color: rgba(144, 205, 244, var(--border-opacity)) !important; } .xl\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; border-color: #63b3ed !important; + border-color: rgba(99, 179, 237, var(--border-opacity)) !important; } .xl\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; border-color: #4299e1 !important; + border-color: rgba(66, 153, 225, var(--border-opacity)) !important; } .xl\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; border-color: #3182ce !important; + border-color: rgba(49, 130, 206, var(--border-opacity)) !important; } .xl\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; border-color: #2b6cb0 !important; + border-color: rgba(43, 108, 176, var(--border-opacity)) !important; } .xl\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; border-color: #2c5282 !important; + border-color: rgba(44, 82, 130, var(--border-opacity)) !important; } .xl\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; border-color: #2a4365 !important; + border-color: rgba(42, 67, 101, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-100:focus { + --border-opacity: 1 !important; border-color: #ebf4ff !important; + border-color: rgba(235, 244, 255, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-200:focus { + --border-opacity: 1 !important; border-color: #c3dafe !important; + border-color: rgba(195, 218, 254, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-300:focus { + --border-opacity: 1 !important; border-color: #a3bffa !important; + border-color: rgba(163, 191, 250, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-400:focus { + --border-opacity: 1 !important; border-color: #7f9cf5 !important; + border-color: rgba(127, 156, 245, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-500:focus { + --border-opacity: 1 !important; border-color: #667eea !important; + border-color: rgba(102, 126, 234, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-600:focus { + --border-opacity: 1 !important; border-color: #5a67d8 !important; + border-color: rgba(90, 103, 216, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-700:focus { + --border-opacity: 1 !important; border-color: #4c51bf !important; + border-color: rgba(76, 81, 191, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-800:focus { + --border-opacity: 1 !important; border-color: #434190 !important; + border-color: rgba(67, 65, 144, var(--border-opacity)) !important; } .xl\:focus\:border-indigo-900:focus { + --border-opacity: 1 !important; border-color: #3c366b !important; + border-color: rgba(60, 54, 107, var(--border-opacity)) !important; } .xl\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; border-color: #faf5ff !important; + border-color: rgba(250, 245, 255, var(--border-opacity)) !important; } .xl\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; border-color: #e9d8fd !important; + border-color: rgba(233, 216, 253, var(--border-opacity)) !important; } .xl\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; border-color: #d6bcfa !important; + border-color: rgba(214, 188, 250, var(--border-opacity)) !important; } .xl\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; border-color: #b794f4 !important; + border-color: rgba(183, 148, 244, var(--border-opacity)) !important; } .xl\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; border-color: #9f7aea !important; + border-color: rgba(159, 122, 234, var(--border-opacity)) !important; } .xl\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; border-color: #805ad5 !important; + border-color: rgba(128, 90, 213, var(--border-opacity)) !important; } .xl\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; border-color: #6b46c1 !important; + border-color: rgba(107, 70, 193, var(--border-opacity)) !important; } .xl\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; border-color: #553c9a !important; + border-color: rgba(85, 60, 154, var(--border-opacity)) !important; } .xl\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; border-color: #44337a !important; + border-color: rgba(68, 51, 122, var(--border-opacity)) !important; } .xl\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; border-color: #fff5f7 !important; + border-color: rgba(255, 245, 247, var(--border-opacity)) !important; } .xl\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; border-color: #fed7e2 !important; + border-color: rgba(254, 215, 226, var(--border-opacity)) !important; } .xl\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; border-color: #fbb6ce !important; + border-color: rgba(251, 182, 206, var(--border-opacity)) !important; } .xl\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; border-color: #f687b3 !important; + border-color: rgba(246, 135, 179, var(--border-opacity)) !important; } .xl\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; border-color: #ed64a6 !important; + border-color: rgba(237, 100, 166, var(--border-opacity)) !important; } .xl\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; border-color: #d53f8c !important; + border-color: rgba(213, 63, 140, var(--border-opacity)) !important; } .xl\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; border-color: #b83280 !important; + border-color: rgba(184, 50, 128, var(--border-opacity)) !important; } .xl\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; border-color: #97266d !important; + border-color: rgba(151, 38, 109, var(--border-opacity)) !important; } .xl\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; border-color: #702459 !important; + border-color: rgba(112, 36, 89, var(--border-opacity)) !important; + } + + .xl\:border-opacity-0 { + --border-opacity: 0 !important; + } + + .xl\:border-opacity-25 { + --border-opacity: 0.25 !important; + } + + .xl\:border-opacity-50 { + --border-opacity: 0.5 !important; + } + + .xl\:border-opacity-75 { + --border-opacity: 0.75 !important; + } + + .xl\:border-opacity-100 { + --border-opacity: 1 !important; + } + + .xl\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; + } + + .xl\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; + } + + .xl\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; + } + + .xl\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; + } + + .xl\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; + } + + .xl\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; + } + + .xl\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; + } + + .xl\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; + } + + .xl\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; + } + + .xl\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } .xl\:rounded-none { @@ -44663,10 +60738,6 @@ video { display: inline-flex !important; } - .xl\:grid { - display: grid !important; - } - .xl\:table { display: table !important; } @@ -44703,6 +60774,18 @@ video { display: table-row !important; } + .xl\:flow-root { + display: flow-root !important; + } + + .xl\:grid { + display: grid !important; + } + + .xl\:inline-grid { + display: inline-grid !important; + } + .xl\:hidden { display: none !important; } @@ -44941,6 +61024,10 @@ video { clear: both !important; } + .xl\:clear-none { + clear: none !important; + } + .xl\:font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } @@ -45149,6 +61236,46 @@ video { height: 100vh !important; } + .xl\:text-xs { + font-size: 0.75rem !important; + } + + .xl\:text-sm { + font-size: 0.875rem !important; + } + + .xl\:text-base { + font-size: 1rem !important; + } + + .xl\:text-lg { + font-size: 1.125rem !important; + } + + .xl\:text-xl { + font-size: 1.25rem !important; + } + + .xl\:text-2xl { + font-size: 1.5rem !important; + } + + .xl\:text-3xl { + font-size: 1.875rem !important; + } + + .xl\:text-4xl { + font-size: 2.25rem !important; + } + + .xl\:text-5xl { + font-size: 3rem !important; + } + + .xl\:text-6xl { + font-size: 4rem !important; + } + .xl\:leading-3 { line-height: .75rem !important; } @@ -47211,744 +63338,1160 @@ video { color: transparent !important; } + .xl\:placeholder-current::placeholder { + color: currentColor !important; + } + .xl\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } .xl\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } .xl\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } .xl\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } .xl\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } .xl\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } .xl\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } .xl\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } .xl\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } .xl\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } .xl\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } .xl\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-transparent:focus::placeholder { color: transparent !important; } + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; + } + .xl\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--placeholder-opacity)) !important; } .xl\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--placeholder-opacity)) !important; + } + + .xl\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; + } + + .xl\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; + } + + .xl\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; + } + + .xl\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; + } + + .xl\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; + } + + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; + } + + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; + } + + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; + } + + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; + } + + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } .xl\:pointer-events-none { @@ -48229,1156 +64772,1740 @@ video { color: transparent !important; } + .xl\:text-current { + color: currentColor !important; + } + .xl\:text-black { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .xl\:text-white { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .xl\:text-gray-100 { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .xl\:text-gray-200 { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .xl\:text-gray-300 { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .xl\:text-gray-400 { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .xl\:text-gray-500 { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .xl\:text-gray-600 { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .xl\:text-gray-700 { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .xl\:text-gray-800 { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .xl\:text-gray-900 { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .xl\:text-red-100 { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .xl\:text-red-200 { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .xl\:text-red-300 { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .xl\:text-red-400 { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .xl\:text-red-500 { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .xl\:text-red-600 { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .xl\:text-red-700 { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .xl\:text-red-800 { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .xl\:text-red-900 { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .xl\:text-orange-100 { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .xl\:text-orange-200 { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .xl\:text-orange-300 { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .xl\:text-orange-400 { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .xl\:text-orange-500 { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .xl\:text-orange-600 { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .xl\:text-orange-700 { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .xl\:text-orange-800 { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .xl\:text-orange-900 { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .xl\:text-yellow-100 { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .xl\:text-yellow-200 { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .xl\:text-yellow-300 { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .xl\:text-yellow-400 { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .xl\:text-yellow-500 { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .xl\:text-yellow-600 { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .xl\:text-yellow-700 { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .xl\:text-yellow-800 { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .xl\:text-yellow-900 { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .xl\:text-green-100 { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .xl\:text-green-200 { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .xl\:text-green-300 { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .xl\:text-green-400 { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .xl\:text-green-500 { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .xl\:text-green-600 { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .xl\:text-green-700 { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .xl\:text-green-800 { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .xl\:text-green-900 { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .xl\:text-teal-100 { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .xl\:text-teal-200 { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .xl\:text-teal-300 { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .xl\:text-teal-400 { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .xl\:text-teal-500 { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .xl\:text-teal-600 { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .xl\:text-teal-700 { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .xl\:text-teal-800 { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .xl\:text-teal-900 { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .xl\:text-blue-100 { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .xl\:text-blue-200 { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .xl\:text-blue-300 { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .xl\:text-blue-400 { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .xl\:text-blue-500 { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .xl\:text-blue-600 { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .xl\:text-blue-700 { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .xl\:text-blue-800 { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .xl\:text-blue-900 { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .xl\:text-indigo-100 { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .xl\:text-indigo-200 { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .xl\:text-indigo-300 { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .xl\:text-indigo-400 { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .xl\:text-indigo-500 { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .xl\:text-indigo-600 { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .xl\:text-indigo-700 { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .xl\:text-indigo-800 { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .xl\:text-indigo-900 { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .xl\:text-purple-100 { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .xl\:text-purple-200 { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .xl\:text-purple-300 { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .xl\:text-purple-400 { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .xl\:text-purple-500 { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .xl\:text-purple-600 { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .xl\:text-purple-700 { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .xl\:text-purple-800 { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .xl\:text-purple-900 { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .xl\:text-pink-100 { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .xl\:text-pink-200 { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .xl\:text-pink-300 { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .xl\:text-pink-400 { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .xl\:text-pink-500 { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .xl\:text-pink-600 { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .xl\:text-pink-700 { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .xl\:text-pink-800 { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .xl\:text-pink-900 { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } .xl\:hover\:text-transparent:hover { color: transparent !important; } + .xl\:hover\:text-current:hover { + color: currentColor !important; + } + .xl\:hover\:text-black:hover { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .xl\:hover\:text-white:hover { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .xl\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .xl\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .xl\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .xl\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .xl\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .xl\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .xl\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .xl\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .xl\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .xl\:hover\:text-red-100:hover { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .xl\:hover\:text-red-200:hover { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .xl\:hover\:text-red-300:hover { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .xl\:hover\:text-red-400:hover { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .xl\:hover\:text-red-500:hover { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .xl\:hover\:text-red-600:hover { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .xl\:hover\:text-red-700:hover { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .xl\:hover\:text-red-800:hover { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .xl\:hover\:text-red-900:hover { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .xl\:hover\:text-orange-100:hover { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .xl\:hover\:text-orange-200:hover { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .xl\:hover\:text-orange-300:hover { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .xl\:hover\:text-orange-400:hover { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .xl\:hover\:text-orange-500:hover { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .xl\:hover\:text-orange-600:hover { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .xl\:hover\:text-orange-700:hover { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .xl\:hover\:text-orange-800:hover { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .xl\:hover\:text-orange-900:hover { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .xl\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .xl\:hover\:text-green-100:hover { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .xl\:hover\:text-green-200:hover { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .xl\:hover\:text-green-300:hover { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .xl\:hover\:text-green-400:hover { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .xl\:hover\:text-green-500:hover { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .xl\:hover\:text-green-600:hover { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .xl\:hover\:text-green-700:hover { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .xl\:hover\:text-green-800:hover { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .xl\:hover\:text-green-900:hover { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .xl\:hover\:text-teal-100:hover { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .xl\:hover\:text-teal-200:hover { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .xl\:hover\:text-teal-300:hover { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .xl\:hover\:text-teal-400:hover { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .xl\:hover\:text-teal-500:hover { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .xl\:hover\:text-teal-600:hover { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .xl\:hover\:text-teal-700:hover { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .xl\:hover\:text-teal-800:hover { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .xl\:hover\:text-teal-900:hover { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .xl\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .xl\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .xl\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .xl\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .xl\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .xl\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .xl\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .xl\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .xl\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-100:hover { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-200:hover { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-300:hover { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-400:hover { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-500:hover { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-600:hover { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-700:hover { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-800:hover { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .xl\:hover\:text-indigo-900:hover { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .xl\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .xl\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .xl\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .xl\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .xl\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .xl\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .xl\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .xl\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .xl\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .xl\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .xl\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .xl\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .xl\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .xl\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .xl\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .xl\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .xl\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .xl\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } .xl\:focus\:text-transparent:focus { color: transparent !important; } + .xl\:focus\:text-current:focus { + color: currentColor !important; + } + .xl\:focus\:text-black:focus { + --text-opacity: 1 !important; color: #000 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } .xl\:focus\:text-white:focus { + --text-opacity: 1 !important; color: #fff !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } .xl\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; color: #f7fafc !important; + color: rgba(247, 250, 252, var(--text-opacity)) !important; } .xl\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; color: #edf2f7 !important; + color: rgba(237, 242, 247, var(--text-opacity)) !important; } .xl\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; color: #e2e8f0 !important; + color: rgba(226, 232, 240, var(--text-opacity)) !important; } .xl\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; color: #cbd5e0 !important; + color: rgba(203, 213, 224, var(--text-opacity)) !important; } .xl\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; color: #a0aec0 !important; + color: rgba(160, 174, 192, var(--text-opacity)) !important; } .xl\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; color: #718096 !important; + color: rgba(113, 128, 150, var(--text-opacity)) !important; } .xl\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; color: #4a5568 !important; + color: rgba(74, 85, 104, var(--text-opacity)) !important; } .xl\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; color: #2d3748 !important; + color: rgba(45, 55, 72, var(--text-opacity)) !important; } .xl\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; color: #1a202c !important; + color: rgba(26, 32, 44, var(--text-opacity)) !important; } .xl\:focus\:text-red-100:focus { + --text-opacity: 1 !important; color: #fff5f5 !important; + color: rgba(255, 245, 245, var(--text-opacity)) !important; } .xl\:focus\:text-red-200:focus { + --text-opacity: 1 !important; color: #fed7d7 !important; + color: rgba(254, 215, 215, var(--text-opacity)) !important; } .xl\:focus\:text-red-300:focus { + --text-opacity: 1 !important; color: #feb2b2 !important; + color: rgba(254, 178, 178, var(--text-opacity)) !important; } .xl\:focus\:text-red-400:focus { + --text-opacity: 1 !important; color: #fc8181 !important; + color: rgba(252, 129, 129, var(--text-opacity)) !important; } .xl\:focus\:text-red-500:focus { + --text-opacity: 1 !important; color: #f56565 !important; + color: rgba(245, 101, 101, var(--text-opacity)) !important; } .xl\:focus\:text-red-600:focus { + --text-opacity: 1 !important; color: #e53e3e !important; + color: rgba(229, 62, 62, var(--text-opacity)) !important; } .xl\:focus\:text-red-700:focus { + --text-opacity: 1 !important; color: #c53030 !important; + color: rgba(197, 48, 48, var(--text-opacity)) !important; } .xl\:focus\:text-red-800:focus { + --text-opacity: 1 !important; color: #9b2c2c !important; + color: rgba(155, 44, 44, var(--text-opacity)) !important; } .xl\:focus\:text-red-900:focus { + --text-opacity: 1 !important; color: #742a2a !important; + color: rgba(116, 42, 42, var(--text-opacity)) !important; } .xl\:focus\:text-orange-100:focus { + --text-opacity: 1 !important; color: #fffaf0 !important; + color: rgba(255, 250, 240, var(--text-opacity)) !important; } .xl\:focus\:text-orange-200:focus { + --text-opacity: 1 !important; color: #feebc8 !important; + color: rgba(254, 235, 200, var(--text-opacity)) !important; } .xl\:focus\:text-orange-300:focus { + --text-opacity: 1 !important; color: #fbd38d !important; + color: rgba(251, 211, 141, var(--text-opacity)) !important; } .xl\:focus\:text-orange-400:focus { + --text-opacity: 1 !important; color: #f6ad55 !important; + color: rgba(246, 173, 85, var(--text-opacity)) !important; } .xl\:focus\:text-orange-500:focus { + --text-opacity: 1 !important; color: #ed8936 !important; + color: rgba(237, 137, 54, var(--text-opacity)) !important; } .xl\:focus\:text-orange-600:focus { + --text-opacity: 1 !important; color: #dd6b20 !important; + color: rgba(221, 107, 32, var(--text-opacity)) !important; } .xl\:focus\:text-orange-700:focus { + --text-opacity: 1 !important; color: #c05621 !important; + color: rgba(192, 86, 33, var(--text-opacity)) !important; } .xl\:focus\:text-orange-800:focus { + --text-opacity: 1 !important; color: #9c4221 !important; + color: rgba(156, 66, 33, var(--text-opacity)) !important; } .xl\:focus\:text-orange-900:focus { + --text-opacity: 1 !important; color: #7b341e !important; + color: rgba(123, 52, 30, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; color: #fffff0 !important; + color: rgba(255, 255, 240, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; color: #fefcbf !important; + color: rgba(254, 252, 191, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; color: #faf089 !important; + color: rgba(250, 240, 137, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; color: #f6e05e !important; + color: rgba(246, 224, 94, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; color: #ecc94b !important; + color: rgba(236, 201, 75, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; color: #d69e2e !important; + color: rgba(214, 158, 46, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; color: #b7791f !important; + color: rgba(183, 121, 31, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; color: #975a16 !important; + color: rgba(151, 90, 22, var(--text-opacity)) !important; } .xl\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; color: #744210 !important; + color: rgba(116, 66, 16, var(--text-opacity)) !important; } .xl\:focus\:text-green-100:focus { + --text-opacity: 1 !important; color: #f0fff4 !important; + color: rgba(240, 255, 244, var(--text-opacity)) !important; } .xl\:focus\:text-green-200:focus { + --text-opacity: 1 !important; color: #c6f6d5 !important; + color: rgba(198, 246, 213, var(--text-opacity)) !important; } .xl\:focus\:text-green-300:focus { + --text-opacity: 1 !important; color: #9ae6b4 !important; + color: rgba(154, 230, 180, var(--text-opacity)) !important; } .xl\:focus\:text-green-400:focus { + --text-opacity: 1 !important; color: #68d391 !important; + color: rgba(104, 211, 145, var(--text-opacity)) !important; } .xl\:focus\:text-green-500:focus { + --text-opacity: 1 !important; color: #48bb78 !important; + color: rgba(72, 187, 120, var(--text-opacity)) !important; } .xl\:focus\:text-green-600:focus { + --text-opacity: 1 !important; color: #38a169 !important; + color: rgba(56, 161, 105, var(--text-opacity)) !important; } .xl\:focus\:text-green-700:focus { + --text-opacity: 1 !important; color: #2f855a !important; + color: rgba(47, 133, 90, var(--text-opacity)) !important; } .xl\:focus\:text-green-800:focus { + --text-opacity: 1 !important; color: #276749 !important; + color: rgba(39, 103, 73, var(--text-opacity)) !important; } .xl\:focus\:text-green-900:focus { + --text-opacity: 1 !important; color: #22543d !important; + color: rgba(34, 84, 61, var(--text-opacity)) !important; } .xl\:focus\:text-teal-100:focus { + --text-opacity: 1 !important; color: #e6fffa !important; + color: rgba(230, 255, 250, var(--text-opacity)) !important; } .xl\:focus\:text-teal-200:focus { + --text-opacity: 1 !important; color: #b2f5ea !important; + color: rgba(178, 245, 234, var(--text-opacity)) !important; } .xl\:focus\:text-teal-300:focus { + --text-opacity: 1 !important; color: #81e6d9 !important; + color: rgba(129, 230, 217, var(--text-opacity)) !important; } .xl\:focus\:text-teal-400:focus { + --text-opacity: 1 !important; color: #4fd1c5 !important; + color: rgba(79, 209, 197, var(--text-opacity)) !important; } .xl\:focus\:text-teal-500:focus { + --text-opacity: 1 !important; color: #38b2ac !important; + color: rgba(56, 178, 172, var(--text-opacity)) !important; } .xl\:focus\:text-teal-600:focus { + --text-opacity: 1 !important; color: #319795 !important; + color: rgba(49, 151, 149, var(--text-opacity)) !important; } .xl\:focus\:text-teal-700:focus { + --text-opacity: 1 !important; color: #2c7a7b !important; + color: rgba(44, 122, 123, var(--text-opacity)) !important; } .xl\:focus\:text-teal-800:focus { + --text-opacity: 1 !important; color: #285e61 !important; + color: rgba(40, 94, 97, var(--text-opacity)) !important; } .xl\:focus\:text-teal-900:focus { + --text-opacity: 1 !important; color: #234e52 !important; + color: rgba(35, 78, 82, var(--text-opacity)) !important; } .xl\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; color: #ebf8ff !important; + color: rgba(235, 248, 255, var(--text-opacity)) !important; } .xl\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; color: #bee3f8 !important; + color: rgba(190, 227, 248, var(--text-opacity)) !important; } .xl\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; color: #90cdf4 !important; + color: rgba(144, 205, 244, var(--text-opacity)) !important; } .xl\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; color: #63b3ed !important; + color: rgba(99, 179, 237, var(--text-opacity)) !important; } .xl\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; color: #4299e1 !important; + color: rgba(66, 153, 225, var(--text-opacity)) !important; } .xl\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; color: #3182ce !important; + color: rgba(49, 130, 206, var(--text-opacity)) !important; } .xl\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; color: #2b6cb0 !important; + color: rgba(43, 108, 176, var(--text-opacity)) !important; } .xl\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; color: #2c5282 !important; + color: rgba(44, 82, 130, var(--text-opacity)) !important; } .xl\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; color: #2a4365 !important; + color: rgba(42, 67, 101, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-100:focus { + --text-opacity: 1 !important; color: #ebf4ff !important; + color: rgba(235, 244, 255, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-200:focus { + --text-opacity: 1 !important; color: #c3dafe !important; + color: rgba(195, 218, 254, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-300:focus { + --text-opacity: 1 !important; color: #a3bffa !important; + color: rgba(163, 191, 250, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-400:focus { + --text-opacity: 1 !important; color: #7f9cf5 !important; + color: rgba(127, 156, 245, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-500:focus { + --text-opacity: 1 !important; color: #667eea !important; + color: rgba(102, 126, 234, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-600:focus { + --text-opacity: 1 !important; color: #5a67d8 !important; + color: rgba(90, 103, 216, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-700:focus { + --text-opacity: 1 !important; color: #4c51bf !important; + color: rgba(76, 81, 191, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-800:focus { + --text-opacity: 1 !important; color: #434190 !important; + color: rgba(67, 65, 144, var(--text-opacity)) !important; } .xl\:focus\:text-indigo-900:focus { + --text-opacity: 1 !important; color: #3c366b !important; + color: rgba(60, 54, 107, var(--text-opacity)) !important; } .xl\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; color: #faf5ff !important; + color: rgba(250, 245, 255, var(--text-opacity)) !important; } .xl\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; color: #e9d8fd !important; + color: rgba(233, 216, 253, var(--text-opacity)) !important; } .xl\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; color: #d6bcfa !important; + color: rgba(214, 188, 250, var(--text-opacity)) !important; } .xl\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; color: #b794f4 !important; + color: rgba(183, 148, 244, var(--text-opacity)) !important; } .xl\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; color: #9f7aea !important; + color: rgba(159, 122, 234, var(--text-opacity)) !important; } .xl\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; color: #805ad5 !important; + color: rgba(128, 90, 213, var(--text-opacity)) !important; } .xl\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; color: #6b46c1 !important; + color: rgba(107, 70, 193, var(--text-opacity)) !important; } .xl\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; color: #553c9a !important; + color: rgba(85, 60, 154, var(--text-opacity)) !important; } .xl\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; color: #44337a !important; + color: rgba(68, 51, 122, var(--text-opacity)) !important; } .xl\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; color: #fff5f7 !important; + color: rgba(255, 245, 247, var(--text-opacity)) !important; } .xl\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; color: #fed7e2 !important; + color: rgba(254, 215, 226, var(--text-opacity)) !important; } .xl\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; color: #fbb6ce !important; + color: rgba(251, 182, 206, var(--text-opacity)) !important; } .xl\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; color: #f687b3 !important; + color: rgba(246, 135, 179, var(--text-opacity)) !important; } .xl\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; color: #ed64a6 !important; + color: rgba(237, 100, 166, var(--text-opacity)) !important; } .xl\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; color: #d53f8c !important; + color: rgba(213, 63, 140, var(--text-opacity)) !important; } .xl\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; color: #b83280 !important; + color: rgba(184, 50, 128, var(--text-opacity)) !important; } .xl\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; color: #97266d !important; + color: rgba(151, 38, 109, var(--text-opacity)) !important; } .xl\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; color: #702459 !important; + color: rgba(112, 36, 89, var(--text-opacity)) !important; } - .xl\:text-xs { - font-size: 0.75rem !important; + .xl\:text-opacity-0 { + --text-opacity: 0 !important; } - .xl\:text-sm { - font-size: 0.875rem !important; + .xl\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .xl\:text-base { - font-size: 1rem !important; + .xl\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .xl\:text-lg { - font-size: 1.125rem !important; + .xl\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .xl\:text-xl { - font-size: 1.25rem !important; + .xl\:text-opacity-100 { + --text-opacity: 1 !important; } - .xl\:text-2xl { - font-size: 1.5rem !important; + .xl\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .xl\:text-3xl { - font-size: 1.875rem !important; + .xl\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .xl\:text-4xl { - font-size: 2.25rem !important; + .xl\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .xl\:text-5xl { - font-size: 3rem !important; + .xl\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .xl\:text-6xl { - font-size: 4rem !important; + .xl\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; + } + + .xl\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; + } + + .xl\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; + } + + .xl\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; + } + + .xl\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; + } + + .xl\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } .xl\:italic { @@ -52183,6 +69310,38 @@ video { transition-duration: 1000ms !important; } + .xl\:delay-75 { + transition-delay: 75ms !important; + } + + .xl\:delay-100 { + transition-delay: 100ms !important; + } + + .xl\:delay-150 { + transition-delay: 150ms !important; + } + + .xl\:delay-200 { + transition-delay: 200ms !important; + } + + .xl\:delay-300 { + transition-delay: 300ms !important; + } + + .xl\:delay-500 { + transition-delay: 500ms !important; + } + + .xl\:delay-700 { + transition-delay: 700ms !important; + } + + .xl\:delay-1000 { + transition-delay: 1000ms !important; + } + .xl\:example { font-weight: 700; color: #f56565; diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index ea6cb7880cb6..03d3f6d03831 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -377,7 +377,6 @@ pre { button { background-color: transparent; background-image: none; - padding: 0; } /** @@ -606,6 +605,1106 @@ video { } } +.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)); +} + +.space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); +} + +.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)); +} + +.space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); +} + +.-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)); +} + +.-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); +} + +.space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; +} + +.space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; +} + +.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)); +} + +.divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); +} + +.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)); +} + +.divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); +} + +.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)); +} + +.divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); +} + +.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)); +} + +.divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); +} + +.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)); +} + +.divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); +} + +.divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; +} + +.divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; +} + +.divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; +} + +.divide-current > :not(template) ~ :not(template) { + border-color: currentColor; +} + +.divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); +} + +.divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); +} + +.divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--divide-opacity)); +} + +.divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--divide-opacity)); +} + +.divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--divide-opacity)); +} + +.divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--divide-opacity)); +} + +.divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--divide-opacity)); +} + +.divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--divide-opacity)); +} + +.divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--divide-opacity)); +} + +.divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--divide-opacity)); +} + +.divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--divide-opacity)); +} + +.divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--divide-opacity)); +} + +.divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--divide-opacity)); +} + +.divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--divide-opacity)); +} + +.divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--divide-opacity)); +} + +.divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--divide-opacity)); +} + +.divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--divide-opacity)); +} + +.divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--divide-opacity)); +} + +.divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--divide-opacity)); +} + +.divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--divide-opacity)); +} + +.divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--divide-opacity)); +} + +.divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--divide-opacity)); +} + +.divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--divide-opacity)); +} + +.divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--divide-opacity)); +} + +.divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--divide-opacity)); +} + +.divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--divide-opacity)); +} + +.divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--divide-opacity)); +} + +.divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--divide-opacity)); +} + +.divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--divide-opacity)); +} + +.divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--divide-opacity)); +} + +.divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--divide-opacity)); +} + +.divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--divide-opacity)); +} + +.divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--divide-opacity)); +} + +.divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--divide-opacity)); +} + +.divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--divide-opacity)); +} + +.divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--divide-opacity)); +} + +.divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--divide-opacity)); +} + +.divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--divide-opacity)); +} + +.divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--divide-opacity)); +} + +.divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--divide-opacity)); +} + +.divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--divide-opacity)); +} + +.divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--divide-opacity)); +} + +.divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--divide-opacity)); +} + +.divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--divide-opacity)); +} + +.divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--divide-opacity)); +} + +.divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--divide-opacity)); +} + +.divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--divide-opacity)); +} + +.divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--divide-opacity)); +} + +.divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--divide-opacity)); +} + +.divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--divide-opacity)); +} + +.divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--divide-opacity)); +} + +.divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--divide-opacity)); +} + +.divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--divide-opacity)); +} + +.divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--divide-opacity)); +} + +.divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--divide-opacity)); +} + +.divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--divide-opacity)); +} + +.divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--divide-opacity)); +} + +.divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--divide-opacity)); +} + +.divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--divide-opacity)); +} + +.divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--divide-opacity)); +} + +.divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--divide-opacity)); +} + +.divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--divide-opacity)); +} + +.divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--divide-opacity)); +} + +.divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--divide-opacity)); +} + +.divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--divide-opacity)); +} + +.divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--divide-opacity)); +} + +.divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--divide-opacity)); +} + +.divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--divide-opacity)); +} + +.divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--divide-opacity)); +} + +.divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--divide-opacity)); +} + +.divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--divide-opacity)); +} + +.divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--divide-opacity)); +} + +.divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--divide-opacity)); +} + +.divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--divide-opacity)); +} + +.divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--divide-opacity)); +} + +.divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--divide-opacity)); +} + +.divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--divide-opacity)); +} + +.divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--divide-opacity)); +} + +.divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--divide-opacity)); +} + +.divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--divide-opacity)); +} + +.divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--divide-opacity)); +} + +.divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--divide-opacity)); +} + +.divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--divide-opacity)); +} + +.divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--divide-opacity)); +} + +.divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--divide-opacity)); +} + +.divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--divide-opacity)); +} + +.divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--divide-opacity)); +} + +.divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--divide-opacity)); +} + +.divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--divide-opacity)); +} + +.divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--divide-opacity)); +} + +.divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--divide-opacity)); +} + +.divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--divide-opacity)); +} + +.divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; +} + +.divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; +} + +.divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; +} + +.divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; +} + +.divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; +} + .sr-only { position: absolute; width: 1px; @@ -672,1116 +1771,1740 @@ video { background-color: transparent; } +.bg-current { + background-color: currentColor; +} + .bg-black { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .bg-white { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .bg-gray-100 { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .bg-gray-200 { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .bg-gray-300 { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .bg-gray-400 { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .bg-gray-500 { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .bg-gray-600 { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .bg-gray-700 { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .bg-gray-800 { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .bg-gray-900 { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .bg-red-100 { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .bg-red-200 { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .bg-red-300 { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .bg-red-400 { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .bg-red-500 { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .bg-red-600 { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .bg-red-700 { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .bg-red-800 { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .bg-red-900 { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .bg-orange-100 { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .bg-orange-200 { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .bg-orange-300 { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .bg-orange-400 { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .bg-orange-500 { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .bg-orange-600 { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .bg-orange-700 { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .bg-orange-800 { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .bg-orange-900 { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .bg-yellow-100 { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .bg-yellow-200 { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .bg-yellow-300 { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .bg-yellow-400 { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .bg-yellow-500 { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .bg-yellow-600 { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .bg-yellow-700 { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .bg-yellow-800 { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .bg-yellow-900 { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .bg-green-100 { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .bg-green-200 { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .bg-green-300 { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .bg-green-400 { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .bg-green-500 { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .bg-green-600 { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .bg-green-700 { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .bg-green-800 { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .bg-green-900 { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .bg-teal-100 { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .bg-teal-200 { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .bg-teal-300 { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .bg-teal-400 { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .bg-teal-500 { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .bg-teal-600 { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .bg-teal-700 { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .bg-teal-800 { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .bg-teal-900 { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .bg-blue-100 { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .bg-blue-200 { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .bg-blue-300 { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .bg-blue-400 { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .bg-blue-500 { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .bg-blue-600 { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .bg-blue-700 { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .bg-blue-800 { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .bg-blue-900 { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .bg-indigo-100 { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .bg-indigo-200 { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .bg-indigo-300 { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .bg-indigo-400 { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .bg-indigo-500 { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .bg-indigo-600 { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .bg-indigo-700 { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .bg-indigo-800 { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .bg-indigo-900 { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .bg-purple-100 { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .bg-purple-200 { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .bg-purple-300 { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .bg-purple-400 { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .bg-purple-500 { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .bg-purple-600 { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .bg-purple-700 { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .bg-purple-800 { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .bg-purple-900 { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .bg-pink-100 { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .bg-pink-200 { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .bg-pink-300 { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .bg-pink-400 { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .bg-pink-500 { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .bg-pink-600 { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .bg-pink-700 { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .bg-pink-800 { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .bg-pink-900 { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .hover\:bg-transparent:hover { background-color: transparent; } +.hover\:bg-current:hover { + background-color: currentColor; +} + .hover\:bg-black:hover { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .hover\:bg-white:hover { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .hover\:bg-gray-100:hover { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .hover\:bg-gray-200:hover { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .hover\:bg-gray-300:hover { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .hover\:bg-gray-400:hover { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .hover\:bg-gray-500:hover { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .hover\:bg-gray-600:hover { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .hover\:bg-gray-700:hover { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .hover\:bg-gray-800:hover { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .hover\:bg-gray-900:hover { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .hover\:bg-red-100:hover { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .hover\:bg-red-200:hover { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .hover\:bg-red-300:hover { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .hover\:bg-red-400:hover { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .hover\:bg-red-500:hover { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .hover\:bg-red-600:hover { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .hover\:bg-red-700:hover { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .hover\:bg-red-800:hover { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .hover\:bg-red-900:hover { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .hover\:bg-orange-100:hover { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .hover\:bg-orange-200:hover { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .hover\:bg-orange-300:hover { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .hover\:bg-orange-400:hover { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .hover\:bg-orange-500:hover { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .hover\:bg-orange-600:hover { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .hover\:bg-orange-700:hover { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .hover\:bg-orange-800:hover { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .hover\:bg-orange-900:hover { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .hover\:bg-yellow-100:hover { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .hover\:bg-yellow-200:hover { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .hover\:bg-yellow-300:hover { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .hover\:bg-yellow-400:hover { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .hover\:bg-yellow-500:hover { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .hover\:bg-yellow-600:hover { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .hover\:bg-yellow-700:hover { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .hover\:bg-yellow-800:hover { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .hover\:bg-yellow-900:hover { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .hover\:bg-green-100:hover { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .hover\:bg-green-200:hover { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .hover\:bg-green-300:hover { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .hover\:bg-green-400:hover { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .hover\:bg-green-500:hover { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .hover\:bg-green-600:hover { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .hover\:bg-green-700:hover { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .hover\:bg-green-800:hover { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .hover\:bg-green-900:hover { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .hover\:bg-teal-100:hover { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .hover\:bg-teal-200:hover { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .hover\:bg-teal-300:hover { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .hover\:bg-teal-400:hover { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .hover\:bg-teal-500:hover { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .hover\:bg-teal-600:hover { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .hover\:bg-teal-700:hover { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .hover\:bg-teal-800:hover { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .hover\:bg-teal-900:hover { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .hover\:bg-blue-100:hover { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .hover\:bg-blue-200:hover { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .hover\:bg-blue-300:hover { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .hover\:bg-blue-400:hover { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .hover\:bg-blue-500:hover { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .hover\:bg-blue-600:hover { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .hover\:bg-blue-700:hover { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .hover\:bg-blue-800:hover { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .hover\:bg-blue-900:hover { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .hover\:bg-indigo-100:hover { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .hover\:bg-indigo-200:hover { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .hover\:bg-indigo-300:hover { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .hover\:bg-indigo-400:hover { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .hover\:bg-indigo-500:hover { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .hover\:bg-indigo-600:hover { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .hover\:bg-indigo-700:hover { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .hover\:bg-indigo-800:hover { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .hover\:bg-indigo-900:hover { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .hover\:bg-purple-100:hover { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .hover\:bg-purple-200:hover { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .hover\:bg-purple-300:hover { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .hover\:bg-purple-400:hover { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .hover\:bg-purple-500:hover { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .hover\:bg-purple-600:hover { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .hover\:bg-purple-700:hover { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .hover\:bg-purple-800:hover { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .hover\:bg-purple-900:hover { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .hover\:bg-pink-100:hover { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .hover\:bg-pink-200:hover { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .hover\:bg-pink-300:hover { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .hover\:bg-pink-400:hover { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .hover\:bg-pink-500:hover { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .hover\:bg-pink-600:hover { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .hover\:bg-pink-700:hover { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .hover\:bg-pink-800:hover { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .hover\:bg-pink-900:hover { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .focus\:bg-transparent:focus { background-color: transparent; } +.focus\:bg-current:focus { + background-color: currentColor; +} + .focus\:bg-black:focus { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .focus\:bg-white:focus { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .focus\:bg-gray-100:focus { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .focus\:bg-gray-200:focus { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .focus\:bg-gray-300:focus { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .focus\:bg-gray-400:focus { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .focus\:bg-gray-500:focus { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .focus\:bg-gray-600:focus { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .focus\:bg-gray-700:focus { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .focus\:bg-gray-800:focus { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .focus\:bg-gray-900:focus { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .focus\:bg-red-100:focus { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .focus\:bg-red-200:focus { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .focus\:bg-red-300:focus { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .focus\:bg-red-400:focus { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .focus\:bg-red-500:focus { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .focus\:bg-red-600:focus { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .focus\:bg-red-700:focus { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .focus\:bg-red-800:focus { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .focus\:bg-red-900:focus { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .focus\:bg-orange-100:focus { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .focus\:bg-orange-200:focus { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .focus\:bg-orange-300:focus { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .focus\:bg-orange-400:focus { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .focus\:bg-orange-500:focus { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .focus\:bg-orange-600:focus { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .focus\:bg-orange-700:focus { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .focus\:bg-orange-800:focus { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .focus\:bg-orange-900:focus { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .focus\:bg-yellow-100:focus { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .focus\:bg-yellow-200:focus { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .focus\:bg-yellow-300:focus { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .focus\:bg-yellow-400:focus { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .focus\:bg-yellow-500:focus { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .focus\:bg-yellow-600:focus { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .focus\:bg-yellow-700:focus { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .focus\:bg-yellow-800:focus { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .focus\:bg-yellow-900:focus { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .focus\:bg-green-100:focus { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .focus\:bg-green-200:focus { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .focus\:bg-green-300:focus { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .focus\:bg-green-400:focus { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .focus\:bg-green-500:focus { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .focus\:bg-green-600:focus { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .focus\:bg-green-700:focus { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .focus\:bg-green-800:focus { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .focus\:bg-green-900:focus { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .focus\:bg-teal-100:focus { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .focus\:bg-teal-200:focus { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .focus\:bg-teal-300:focus { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .focus\:bg-teal-400:focus { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .focus\:bg-teal-500:focus { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .focus\:bg-teal-600:focus { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .focus\:bg-teal-700:focus { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .focus\:bg-teal-800:focus { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .focus\:bg-teal-900:focus { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .focus\:bg-blue-100:focus { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .focus\:bg-blue-200:focus { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .focus\:bg-blue-300:focus { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .focus\:bg-blue-400:focus { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .focus\:bg-blue-500:focus { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .focus\:bg-blue-600:focus { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .focus\:bg-blue-700:focus { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .focus\:bg-blue-800:focus { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .focus\:bg-blue-900:focus { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .focus\:bg-indigo-100:focus { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .focus\:bg-indigo-200:focus { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .focus\:bg-indigo-300:focus { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .focus\:bg-indigo-400:focus { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .focus\:bg-indigo-500:focus { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .focus\:bg-indigo-600:focus { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .focus\:bg-indigo-700:focus { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .focus\:bg-indigo-800:focus { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .focus\:bg-indigo-900:focus { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .focus\:bg-purple-100:focus { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .focus\:bg-purple-200:focus { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .focus\:bg-purple-300:focus { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .focus\:bg-purple-400:focus { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .focus\:bg-purple-500:focus { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .focus\:bg-purple-600:focus { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .focus\:bg-purple-700:focus { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .focus\:bg-purple-800:focus { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .focus\:bg-purple-900:focus { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .focus\:bg-pink-100:focus { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .focus\:bg-pink-200:focus { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .focus\:bg-pink-300:focus { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .focus\:bg-pink-400:focus { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .focus\:bg-pink-500:focus { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .focus\:bg-pink-600:focus { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .focus\:bg-pink-700:focus { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .focus\:bg-pink-800:focus { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .focus\:bg-pink-900:focus { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); +} + +.bg-opacity-0 { + --bg-opacity: 0; +} + +.bg-opacity-25 { + --bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bg-opacity: 1; +} + +.hover\:bg-opacity-0:hover { + --bg-opacity: 0; +} + +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; +} + +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; +} + +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; +} + +.hover\:bg-opacity-100:hover { + --bg-opacity: 1; +} + +.focus\:bg-opacity-0:focus { + --bg-opacity: 0; +} + +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; +} + +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; +} + +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; +} + +.focus\:bg-opacity-100:focus { + --bg-opacity: 1; } .bg-bottom { @@ -1868,1116 +3591,1740 @@ video { border-color: transparent; } +.border-current { + border-color: currentColor; +} + .border-black { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .border-white { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .border-gray-100 { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .border-gray-200 { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .border-gray-300 { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .border-gray-400 { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .border-gray-500 { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .border-gray-600 { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .border-gray-700 { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .border-gray-800 { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .border-gray-900 { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .border-red-100 { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .border-red-200 { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .border-red-300 { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .border-red-400 { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .border-red-500 { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .border-red-600 { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .border-red-700 { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .border-red-800 { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .border-red-900 { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .border-orange-100 { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .border-orange-200 { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .border-orange-300 { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .border-orange-400 { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .border-orange-500 { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .border-orange-600 { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .border-orange-700 { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .border-orange-800 { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .border-orange-900 { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .border-yellow-100 { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .border-yellow-200 { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .border-yellow-300 { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .border-yellow-400 { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .border-yellow-500 { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .border-yellow-600 { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .border-yellow-700 { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .border-yellow-800 { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .border-yellow-900 { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .border-green-100 { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .border-green-200 { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .border-green-300 { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .border-green-400 { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .border-green-500 { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .border-green-600 { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .border-green-700 { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .border-green-800 { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .border-green-900 { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .border-teal-100 { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .border-teal-200 { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .border-teal-300 { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .border-teal-400 { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .border-teal-500 { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .border-teal-600 { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .border-teal-700 { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .border-teal-800 { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .border-teal-900 { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .border-blue-100 { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .border-blue-200 { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .border-blue-300 { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .border-blue-400 { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .border-blue-500 { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .border-blue-600 { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .border-blue-700 { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .border-blue-800 { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .border-blue-900 { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .border-indigo-100 { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .border-indigo-200 { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .border-indigo-300 { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .border-indigo-400 { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .border-indigo-500 { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .border-indigo-600 { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .border-indigo-700 { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .border-indigo-800 { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .border-indigo-900 { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .border-purple-100 { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .border-purple-200 { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .border-purple-300 { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .border-purple-400 { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .border-purple-500 { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .border-purple-600 { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .border-purple-700 { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .border-purple-800 { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .border-purple-900 { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .border-pink-100 { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .border-pink-200 { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .border-pink-300 { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .border-pink-400 { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .border-pink-500 { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .border-pink-600 { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .border-pink-700 { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .border-pink-800 { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .border-pink-900 { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .hover\:border-transparent:hover { border-color: transparent; } +.hover\:border-current:hover { + border-color: currentColor; +} + .hover\:border-black:hover { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .hover\:border-white:hover { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .hover\:border-gray-100:hover { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .hover\:border-gray-200:hover { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .hover\:border-gray-300:hover { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .hover\:border-gray-400:hover { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .hover\:border-gray-500:hover { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .hover\:border-gray-600:hover { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .hover\:border-gray-700:hover { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .hover\:border-gray-800:hover { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .hover\:border-gray-900:hover { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .hover\:border-red-100:hover { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .hover\:border-red-200:hover { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .hover\:border-red-300:hover { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .hover\:border-red-400:hover { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .hover\:border-red-500:hover { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .hover\:border-red-600:hover { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .hover\:border-red-700:hover { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .hover\:border-red-800:hover { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .hover\:border-red-900:hover { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .hover\:border-orange-100:hover { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .hover\:border-orange-200:hover { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .hover\:border-orange-300:hover { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .hover\:border-orange-400:hover { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .hover\:border-orange-500:hover { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .hover\:border-orange-600:hover { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .hover\:border-orange-700:hover { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .hover\:border-orange-800:hover { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .hover\:border-orange-900:hover { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .hover\:border-yellow-100:hover { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .hover\:border-yellow-200:hover { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .hover\:border-yellow-300:hover { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .hover\:border-yellow-400:hover { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .hover\:border-yellow-500:hover { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .hover\:border-yellow-600:hover { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .hover\:border-yellow-700:hover { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .hover\:border-yellow-800:hover { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .hover\:border-yellow-900:hover { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .hover\:border-green-100:hover { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .hover\:border-green-200:hover { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .hover\:border-green-300:hover { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .hover\:border-green-400:hover { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .hover\:border-green-500:hover { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .hover\:border-green-600:hover { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .hover\:border-green-700:hover { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .hover\:border-green-800:hover { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .hover\:border-green-900:hover { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .hover\:border-teal-100:hover { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .hover\:border-teal-200:hover { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .hover\:border-teal-300:hover { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .hover\:border-teal-400:hover { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .hover\:border-teal-500:hover { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .hover\:border-teal-600:hover { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .hover\:border-teal-700:hover { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .hover\:border-teal-800:hover { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .hover\:border-teal-900:hover { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .hover\:border-blue-100:hover { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .hover\:border-blue-200:hover { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .hover\:border-blue-300:hover { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .hover\:border-blue-400:hover { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .hover\:border-blue-500:hover { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .hover\:border-blue-600:hover { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .hover\:border-blue-700:hover { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .hover\:border-blue-800:hover { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .hover\:border-blue-900:hover { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .hover\:border-indigo-100:hover { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .hover\:border-indigo-200:hover { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .hover\:border-indigo-300:hover { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .hover\:border-indigo-400:hover { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .hover\:border-indigo-500:hover { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .hover\:border-indigo-600:hover { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .hover\:border-indigo-700:hover { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .hover\:border-indigo-800:hover { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .hover\:border-indigo-900:hover { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .hover\:border-purple-100:hover { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .hover\:border-purple-200:hover { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .hover\:border-purple-300:hover { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .hover\:border-purple-400:hover { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .hover\:border-purple-500:hover { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .hover\:border-purple-600:hover { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .hover\:border-purple-700:hover { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .hover\:border-purple-800:hover { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .hover\:border-purple-900:hover { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .hover\:border-pink-100:hover { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .hover\:border-pink-200:hover { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .hover\:border-pink-300:hover { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .hover\:border-pink-400:hover { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .hover\:border-pink-500:hover { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .hover\:border-pink-600:hover { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .hover\:border-pink-700:hover { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .hover\:border-pink-800:hover { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .hover\:border-pink-900:hover { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .focus\:border-transparent:focus { border-color: transparent; } +.focus\:border-current:focus { + border-color: currentColor; +} + .focus\:border-black:focus { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .focus\:border-white:focus { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .focus\:border-gray-100:focus { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .focus\:border-gray-200:focus { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .focus\:border-gray-300:focus { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .focus\:border-gray-400:focus { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .focus\:border-gray-500:focus { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .focus\:border-gray-600:focus { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .focus\:border-gray-700:focus { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .focus\:border-gray-800:focus { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .focus\:border-gray-900:focus { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .focus\:border-red-100:focus { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .focus\:border-red-200:focus { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .focus\:border-red-300:focus { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .focus\:border-red-400:focus { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .focus\:border-red-500:focus { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .focus\:border-red-600:focus { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .focus\:border-red-700:focus { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .focus\:border-red-800:focus { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .focus\:border-red-900:focus { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .focus\:border-orange-100:focus { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .focus\:border-orange-200:focus { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .focus\:border-orange-300:focus { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .focus\:border-orange-400:focus { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .focus\:border-orange-500:focus { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .focus\:border-orange-600:focus { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .focus\:border-orange-700:focus { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .focus\:border-orange-800:focus { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .focus\:border-orange-900:focus { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .focus\:border-yellow-100:focus { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .focus\:border-yellow-200:focus { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .focus\:border-yellow-300:focus { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .focus\:border-yellow-400:focus { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .focus\:border-yellow-500:focus { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .focus\:border-yellow-600:focus { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .focus\:border-yellow-700:focus { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .focus\:border-yellow-800:focus { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .focus\:border-yellow-900:focus { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .focus\:border-green-100:focus { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .focus\:border-green-200:focus { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .focus\:border-green-300:focus { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .focus\:border-green-400:focus { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .focus\:border-green-500:focus { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .focus\:border-green-600:focus { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .focus\:border-green-700:focus { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .focus\:border-green-800:focus { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .focus\:border-green-900:focus { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .focus\:border-teal-100:focus { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .focus\:border-teal-200:focus { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .focus\:border-teal-300:focus { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .focus\:border-teal-400:focus { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .focus\:border-teal-500:focus { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .focus\:border-teal-600:focus { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .focus\:border-teal-700:focus { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .focus\:border-teal-800:focus { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .focus\:border-teal-900:focus { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .focus\:border-blue-100:focus { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .focus\:border-blue-200:focus { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .focus\:border-blue-300:focus { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .focus\:border-blue-400:focus { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .focus\:border-blue-500:focus { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .focus\:border-blue-600:focus { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .focus\:border-blue-700:focus { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .focus\:border-blue-800:focus { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .focus\:border-blue-900:focus { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .focus\:border-indigo-100:focus { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .focus\:border-indigo-200:focus { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .focus\:border-indigo-300:focus { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .focus\:border-indigo-400:focus { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .focus\:border-indigo-500:focus { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .focus\:border-indigo-600:focus { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .focus\:border-indigo-700:focus { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .focus\:border-indigo-800:focus { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .focus\:border-indigo-900:focus { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .focus\:border-purple-100:focus { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .focus\:border-purple-200:focus { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .focus\:border-purple-300:focus { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .focus\:border-purple-400:focus { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .focus\:border-purple-500:focus { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .focus\:border-purple-600:focus { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .focus\:border-purple-700:focus { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .focus\:border-purple-800:focus { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .focus\:border-purple-900:focus { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .focus\:border-pink-100:focus { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .focus\:border-pink-200:focus { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .focus\:border-pink-300:focus { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .focus\:border-pink-400:focus { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .focus\:border-pink-500:focus { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .focus\:border-pink-600:focus { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .focus\:border-pink-700:focus { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .focus\:border-pink-800:focus { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .focus\:border-pink-900:focus { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); +} + +.border-opacity-0 { + --border-opacity: 0; +} + +.border-opacity-25 { + --border-opacity: 0.25; +} + +.border-opacity-50 { + --border-opacity: 0.5; +} + +.border-opacity-75 { + --border-opacity: 0.75; +} + +.border-opacity-100 { + --border-opacity: 1; +} + +.hover\:border-opacity-0:hover { + --border-opacity: 0; +} + +.hover\:border-opacity-25:hover { + --border-opacity: 0.25; +} + +.hover\:border-opacity-50:hover { + --border-opacity: 0.5; +} + +.hover\:border-opacity-75:hover { + --border-opacity: 0.75; +} + +.hover\:border-opacity-100:hover { + --border-opacity: 1; +} + +.focus\:border-opacity-0:focus { + --border-opacity: 0; +} + +.focus\:border-opacity-25:focus { + --border-opacity: 0.25; +} + +.focus\:border-opacity-50:focus { + --border-opacity: 0.5; +} + +.focus\:border-opacity-75:focus { + --border-opacity: 0.75; +} + +.focus\:border-opacity-100:focus { + --border-opacity: 1; } .rounded-none { @@ -3396,10 +5743,6 @@ video { display: inline-flex; } -.grid { - display: grid; -} - .table { display: table; } @@ -3436,6 +5779,18 @@ video { display: table-row; } +.flow-root { + display: flow-root; +} + +.grid { + display: grid; +} + +.inline-grid { + display: inline-grid; +} + .hidden { display: none; } @@ -3674,6 +6029,10 @@ video { clear: both; } +.clear-none { + clear: none; +} + .font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @@ -3882,6 +6241,46 @@ video { height: 100vh; } +.text-xs { + font-size: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; +} + +.text-base { + font-size: 1rem; +} + +.text-lg { + font-size: 1.125rem; +} + +.text-xl { + font-size: 1.25rem; +} + +.text-2xl { + font-size: 1.5rem; +} + +.text-3xl { + font-size: 1.875rem; +} + +.text-4xl { + font-size: 2.25rem; +} + +.text-5xl { + font-size: 3rem; +} + +.text-6xl { + font-size: 4rem; +} + .leading-3 { line-height: .75rem; } @@ -5944,744 +8343,1160 @@ video { color: transparent; } +.placeholder-current::placeholder { + color: currentColor; +} + .placeholder-black::placeholder { + --placeholder-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } .placeholder-white::placeholder { + --placeholder-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } .placeholder-gray-100::placeholder { + --placeholder-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } .placeholder-gray-200::placeholder { + --placeholder-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } .placeholder-gray-300::placeholder { + --placeholder-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } .placeholder-gray-400::placeholder { + --placeholder-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } .placeholder-gray-500::placeholder { + --placeholder-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } .placeholder-gray-600::placeholder { + --placeholder-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } .placeholder-gray-700::placeholder { + --placeholder-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } .placeholder-gray-800::placeholder { + --placeholder-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } .placeholder-gray-900::placeholder { + --placeholder-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } .placeholder-red-100::placeholder { + --placeholder-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } .placeholder-red-200::placeholder { + --placeholder-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } .placeholder-red-300::placeholder { + --placeholder-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } .placeholder-red-400::placeholder { + --placeholder-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } .placeholder-red-500::placeholder { + --placeholder-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } .placeholder-red-600::placeholder { + --placeholder-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } .placeholder-red-700::placeholder { + --placeholder-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } .placeholder-red-800::placeholder { + --placeholder-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } .placeholder-red-900::placeholder { + --placeholder-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } .placeholder-orange-100::placeholder { + --placeholder-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } .placeholder-orange-200::placeholder { + --placeholder-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } .placeholder-orange-300::placeholder { + --placeholder-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } .placeholder-orange-400::placeholder { + --placeholder-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } .placeholder-orange-500::placeholder { + --placeholder-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } .placeholder-orange-600::placeholder { + --placeholder-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } .placeholder-orange-700::placeholder { + --placeholder-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } .placeholder-orange-800::placeholder { + --placeholder-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } .placeholder-orange-900::placeholder { + --placeholder-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } .placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } .placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } .placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } .placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } .placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } .placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } .placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } .placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } .placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } .placeholder-green-100::placeholder { + --placeholder-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } .placeholder-green-200::placeholder { + --placeholder-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } .placeholder-green-300::placeholder { + --placeholder-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } .placeholder-green-400::placeholder { + --placeholder-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } .placeholder-green-500::placeholder { + --placeholder-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } .placeholder-green-600::placeholder { + --placeholder-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } .placeholder-green-700::placeholder { + --placeholder-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } .placeholder-green-800::placeholder { + --placeholder-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } .placeholder-green-900::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } .placeholder-teal-100::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } .placeholder-teal-200::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } .placeholder-teal-300::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } .placeholder-teal-400::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } .placeholder-teal-500::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } .placeholder-teal-600::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } .placeholder-teal-700::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } .placeholder-teal-800::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } .placeholder-teal-900::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } .placeholder-blue-100::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } .placeholder-blue-200::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } .placeholder-blue-300::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } .placeholder-blue-400::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } .placeholder-blue-500::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } .placeholder-blue-600::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } .placeholder-blue-700::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } .placeholder-blue-800::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } .placeholder-blue-900::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } .placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } .placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } .placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } .placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } .placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } .placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } .placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } .placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } .placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } .placeholder-purple-100::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } .placeholder-purple-200::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } .placeholder-purple-300::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } .placeholder-purple-400::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } .placeholder-purple-500::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } .placeholder-purple-600::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } .placeholder-purple-700::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } .placeholder-purple-800::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } .placeholder-purple-900::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } .placeholder-pink-100::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } .placeholder-pink-200::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } .placeholder-pink-300::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } .placeholder-pink-400::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } .placeholder-pink-500::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } .placeholder-pink-600::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } .placeholder-pink-700::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } .placeholder-pink-800::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } .placeholder-pink-900::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } .focus\:placeholder-transparent:focus::placeholder { color: transparent; } +.focus\:placeholder-current:focus::placeholder { + color: currentColor; +} + .focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } .focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } .focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } .focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } .focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } .focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } .focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } .focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } .focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } .focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } .focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } .focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } .focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } .focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } .focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } .focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } .focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } .focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } .focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } .focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } .focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } .focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } .focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } .focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } .focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } .focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } .focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } .focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } .focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } .focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } .focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } .focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } .focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } .focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } .focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } .focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } .focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } .focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } .focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } .focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } .focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } .focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } .focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } .focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } .focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } .focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } .focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } .focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } .focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } .focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } .focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } .focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } .focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } .focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } .focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } .focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } .focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } .focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } .focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } .focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } .focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } .focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } .focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } .focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } .focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } .focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } .focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } .focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } .focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } .focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } .focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } .focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } .focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } .focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } .focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } .focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } .focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } .focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } .focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } .focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } .focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } .focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } .focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } .focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } .focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } .focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } .focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } .focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } .focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } .focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } .focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } .focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); +} + +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; +} + +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; +} + +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; +} + +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; +} + +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; +} + +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; +} + +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; +} + +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; +} + +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; +} + +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } .pointer-events-none { @@ -6962,1156 +9777,1740 @@ video { color: transparent; } +.text-current { + color: currentColor; +} + .text-black { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .text-white { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .text-gray-100 { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .text-gray-200 { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .text-gray-300 { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .text-gray-400 { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .text-gray-500 { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .text-gray-600 { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .text-gray-700 { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .text-gray-800 { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .text-gray-900 { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .text-red-100 { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .text-red-200 { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .text-red-300 { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .text-red-400 { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .text-red-500 { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .text-red-600 { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .text-red-700 { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .text-red-800 { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .text-red-900 { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .text-orange-100 { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .text-orange-200 { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .text-orange-300 { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .text-orange-400 { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .text-orange-500 { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .text-orange-600 { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .text-orange-700 { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .text-orange-800 { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .text-orange-900 { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .text-yellow-100 { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .text-yellow-200 { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .text-yellow-300 { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .text-yellow-400 { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .text-yellow-500 { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .text-yellow-600 { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .text-yellow-700 { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .text-yellow-800 { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .text-yellow-900 { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .text-green-100 { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .text-green-200 { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .text-green-300 { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .text-green-400 { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .text-green-500 { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .text-green-600 { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .text-green-700 { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .text-green-800 { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .text-green-900 { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .text-teal-100 { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .text-teal-200 { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .text-teal-300 { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .text-teal-400 { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .text-teal-500 { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .text-teal-600 { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .text-teal-700 { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .text-teal-800 { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .text-teal-900 { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .text-blue-100 { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .text-blue-200 { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .text-blue-300 { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .text-blue-400 { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .text-blue-500 { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .text-blue-600 { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .text-blue-700 { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .text-blue-800 { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .text-blue-900 { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .text-indigo-100 { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .text-indigo-200 { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .text-indigo-300 { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .text-indigo-400 { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .text-indigo-500 { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .text-indigo-600 { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .text-indigo-700 { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .text-indigo-800 { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .text-indigo-900 { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .text-purple-100 { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .text-purple-200 { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .text-purple-300 { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .text-purple-400 { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .text-purple-500 { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .text-purple-600 { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .text-purple-700 { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .text-purple-800 { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .text-purple-900 { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .text-pink-100 { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .text-pink-200 { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .text-pink-300 { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .text-pink-400 { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .text-pink-500 { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .text-pink-600 { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .text-pink-700 { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .text-pink-800 { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .text-pink-900 { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } .hover\:text-transparent:hover { color: transparent; } +.hover\:text-current:hover { + color: currentColor; +} + .hover\:text-black:hover { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .hover\:text-white:hover { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .hover\:text-gray-100:hover { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .hover\:text-gray-200:hover { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .hover\:text-gray-300:hover { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .hover\:text-gray-400:hover { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .hover\:text-gray-500:hover { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .hover\:text-gray-600:hover { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .hover\:text-gray-700:hover { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .hover\:text-gray-800:hover { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .hover\:text-gray-900:hover { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .hover\:text-red-100:hover { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .hover\:text-red-200:hover { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .hover\:text-red-300:hover { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .hover\:text-red-400:hover { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .hover\:text-red-500:hover { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .hover\:text-red-600:hover { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .hover\:text-red-700:hover { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .hover\:text-red-800:hover { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .hover\:text-red-900:hover { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .hover\:text-orange-100:hover { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .hover\:text-orange-200:hover { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .hover\:text-orange-300:hover { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .hover\:text-orange-400:hover { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .hover\:text-orange-500:hover { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .hover\:text-orange-600:hover { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .hover\:text-orange-700:hover { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .hover\:text-orange-800:hover { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .hover\:text-orange-900:hover { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .hover\:text-yellow-100:hover { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .hover\:text-yellow-200:hover { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .hover\:text-yellow-300:hover { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .hover\:text-yellow-400:hover { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .hover\:text-yellow-500:hover { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .hover\:text-yellow-600:hover { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .hover\:text-yellow-700:hover { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .hover\:text-yellow-800:hover { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .hover\:text-yellow-900:hover { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .hover\:text-green-100:hover { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .hover\:text-green-200:hover { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .hover\:text-green-300:hover { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .hover\:text-green-400:hover { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .hover\:text-green-500:hover { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .hover\:text-green-600:hover { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .hover\:text-green-700:hover { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .hover\:text-green-800:hover { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .hover\:text-green-900:hover { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .hover\:text-teal-100:hover { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .hover\:text-teal-200:hover { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .hover\:text-teal-300:hover { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .hover\:text-teal-400:hover { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .hover\:text-teal-500:hover { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .hover\:text-teal-600:hover { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .hover\:text-teal-700:hover { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .hover\:text-teal-800:hover { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .hover\:text-teal-900:hover { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .hover\:text-blue-100:hover { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .hover\:text-blue-200:hover { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .hover\:text-blue-300:hover { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .hover\:text-blue-400:hover { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .hover\:text-blue-500:hover { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .hover\:text-blue-600:hover { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .hover\:text-blue-700:hover { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .hover\:text-blue-800:hover { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .hover\:text-blue-900:hover { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .hover\:text-indigo-100:hover { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .hover\:text-indigo-200:hover { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .hover\:text-indigo-300:hover { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .hover\:text-indigo-400:hover { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .hover\:text-indigo-500:hover { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .hover\:text-indigo-600:hover { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .hover\:text-indigo-700:hover { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .hover\:text-indigo-800:hover { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .hover\:text-indigo-900:hover { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .hover\:text-purple-100:hover { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .hover\:text-purple-200:hover { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .hover\:text-purple-300:hover { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .hover\:text-purple-400:hover { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .hover\:text-purple-500:hover { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .hover\:text-purple-600:hover { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .hover\:text-purple-700:hover { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .hover\:text-purple-800:hover { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .hover\:text-purple-900:hover { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .hover\:text-pink-100:hover { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .hover\:text-pink-200:hover { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .hover\:text-pink-300:hover { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .hover\:text-pink-400:hover { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .hover\:text-pink-500:hover { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .hover\:text-pink-600:hover { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .hover\:text-pink-700:hover { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .hover\:text-pink-800:hover { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .hover\:text-pink-900:hover { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } .focus\:text-transparent:focus { color: transparent; } +.focus\:text-current:focus { + color: currentColor; +} + .focus\:text-black:focus { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .focus\:text-white:focus { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .focus\:text-gray-100:focus { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .focus\:text-gray-200:focus { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .focus\:text-gray-300:focus { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .focus\:text-gray-400:focus { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .focus\:text-gray-500:focus { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .focus\:text-gray-600:focus { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .focus\:text-gray-700:focus { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .focus\:text-gray-800:focus { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .focus\:text-gray-900:focus { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .focus\:text-red-100:focus { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .focus\:text-red-200:focus { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .focus\:text-red-300:focus { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .focus\:text-red-400:focus { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .focus\:text-red-500:focus { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .focus\:text-red-600:focus { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .focus\:text-red-700:focus { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .focus\:text-red-800:focus { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .focus\:text-red-900:focus { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .focus\:text-orange-100:focus { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .focus\:text-orange-200:focus { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .focus\:text-orange-300:focus { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .focus\:text-orange-400:focus { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .focus\:text-orange-500:focus { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .focus\:text-orange-600:focus { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .focus\:text-orange-700:focus { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .focus\:text-orange-800:focus { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .focus\:text-orange-900:focus { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .focus\:text-yellow-100:focus { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .focus\:text-yellow-200:focus { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .focus\:text-yellow-300:focus { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .focus\:text-yellow-400:focus { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .focus\:text-yellow-500:focus { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .focus\:text-yellow-600:focus { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .focus\:text-yellow-700:focus { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .focus\:text-yellow-800:focus { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .focus\:text-yellow-900:focus { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .focus\:text-green-100:focus { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .focus\:text-green-200:focus { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .focus\:text-green-300:focus { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .focus\:text-green-400:focus { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .focus\:text-green-500:focus { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .focus\:text-green-600:focus { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .focus\:text-green-700:focus { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .focus\:text-green-800:focus { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .focus\:text-green-900:focus { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .focus\:text-teal-100:focus { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .focus\:text-teal-200:focus { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .focus\:text-teal-300:focus { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .focus\:text-teal-400:focus { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .focus\:text-teal-500:focus { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .focus\:text-teal-600:focus { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .focus\:text-teal-700:focus { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .focus\:text-teal-800:focus { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .focus\:text-teal-900:focus { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .focus\:text-blue-100:focus { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .focus\:text-blue-200:focus { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .focus\:text-blue-300:focus { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .focus\:text-blue-400:focus { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .focus\:text-blue-500:focus { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .focus\:text-blue-600:focus { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .focus\:text-blue-700:focus { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .focus\:text-blue-800:focus { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .focus\:text-blue-900:focus { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .focus\:text-indigo-100:focus { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .focus\:text-indigo-200:focus { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .focus\:text-indigo-300:focus { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .focus\:text-indigo-400:focus { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .focus\:text-indigo-500:focus { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .focus\:text-indigo-600:focus { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .focus\:text-indigo-700:focus { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .focus\:text-indigo-800:focus { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .focus\:text-indigo-900:focus { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .focus\:text-purple-100:focus { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .focus\:text-purple-200:focus { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .focus\:text-purple-300:focus { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .focus\:text-purple-400:focus { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .focus\:text-purple-500:focus { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .focus\:text-purple-600:focus { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .focus\:text-purple-700:focus { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .focus\:text-purple-800:focus { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .focus\:text-purple-900:focus { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .focus\:text-pink-100:focus { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .focus\:text-pink-200:focus { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .focus\:text-pink-300:focus { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .focus\:text-pink-400:focus { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .focus\:text-pink-500:focus { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .focus\:text-pink-600:focus { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .focus\:text-pink-700:focus { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .focus\:text-pink-800:focus { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .focus\:text-pink-900:focus { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } -.text-xs { - font-size: 0.75rem; +.text-opacity-0 { + --text-opacity: 0; } -.text-sm { - font-size: 0.875rem; +.text-opacity-25 { + --text-opacity: 0.25; } -.text-base { - font-size: 1rem; +.text-opacity-50 { + --text-opacity: 0.5; } -.text-lg { - font-size: 1.125rem; +.text-opacity-75 { + --text-opacity: 0.75; } -.text-xl { - font-size: 1.25rem; +.text-opacity-100 { + --text-opacity: 1; } -.text-2xl { - font-size: 1.5rem; +.hover\:text-opacity-0:hover { + --text-opacity: 0; } -.text-3xl { - font-size: 1.875rem; +.hover\:text-opacity-25:hover { + --text-opacity: 0.25; } -.text-4xl { - font-size: 2.25rem; +.hover\:text-opacity-50:hover { + --text-opacity: 0.5; } -.text-5xl { - font-size: 3rem; +.hover\:text-opacity-75:hover { + --text-opacity: 0.75; } -.text-6xl { - font-size: 4rem; +.hover\:text-opacity-100:hover { + --text-opacity: 1; +} + +.focus\:text-opacity-0:focus { + --text-opacity: 0; +} + +.focus\:text-opacity-25:focus { + --text-opacity: 0.25; +} + +.focus\:text-opacity-50:focus { + --text-opacity: 0.5; +} + +.focus\:text-opacity-75:focus { + --text-opacity: 0.75; +} + +.focus\:text-opacity-100:focus { + --text-opacity: 1; } .italic { @@ -9153,25 +12552,25 @@ video { } .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-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 !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-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 { @@ -10916,20646 +14315,28642 @@ video { 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; +} + .example { font-weight: 700; color: #f56565; } @media (min-width: 640px) { - .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\: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\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .sm\: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\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .sm\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:appearance-none { - appearance: none; + .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\:bg-fixed { - background-attachment: fixed; + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-local { - background-attachment: local; + .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\:bg-scroll { - background-attachment: scroll; + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-transparent { - background-color: transparent; + .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\:bg-black { - background-color: #000; + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-white { - background-color: #fff; + .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\:bg-gray-100 { - background-color: #f7fafc; + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-200 { - background-color: #edf2f7; + .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\:bg-gray-300 { - background-color: #e2e8f0; + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-400 { - background-color: #cbd5e0; + .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\:bg-gray-500 { - background-color: #a0aec0; + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-600 { - background-color: #718096; + .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\:bg-gray-700 { - background-color: #4a5568; + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-800 { - background-color: #2d3748; + .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\:bg-gray-900 { - background-color: #1a202c; + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-100 { - background-color: #fff5f5; + .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\:bg-red-200 { - background-color: #fed7d7; + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-300 { - background-color: #feb2b2; + .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\:bg-red-400 { - background-color: #fc8181; + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-500 { - background-color: #f56565; + .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\:bg-red-600 { - background-color: #e53e3e; + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-700 { - background-color: #c53030; + .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\:bg-red-800 { - background-color: #9b2c2c; + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-900 { - background-color: #742a2a; + .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\:bg-orange-100 { - background-color: #fffaf0; + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-200 { - background-color: #feebc8; + .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\:bg-orange-300 { - background-color: #fbd38d; + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-400 { - background-color: #f6ad55; + .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\:bg-orange-500 { - background-color: #ed8936; + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-600 { - background-color: #dd6b20; + .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\:bg-orange-700 { - background-color: #c05621; + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-800 { - background-color: #9c4221; + .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\:bg-orange-900 { - background-color: #7b341e; + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-100 { - background-color: #fffff0; + .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\:bg-yellow-200 { - background-color: #fefcbf; + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-300 { - background-color: #faf089; + .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\:bg-yellow-400 { - background-color: #f6e05e; + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-500 { - background-color: #ecc94b; + .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\:bg-yellow-600 { - background-color: #d69e2e; + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-700 { - background-color: #b7791f; + .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\:bg-yellow-800 { - background-color: #975a16; + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-900 { - background-color: #744210; + .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\:bg-green-100 { - background-color: #f0fff4; + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-200 { - background-color: #c6f6d5; + .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\:bg-green-300 { - background-color: #9ae6b4; + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-400 { - background-color: #68d391; + .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\:bg-green-500 { - background-color: #48bb78; + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-600 { - background-color: #38a169; + .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\:bg-green-700 { - background-color: #2f855a; + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-800 { - background-color: #276749; + .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\:bg-green-900 { - background-color: #22543d; + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-100 { - background-color: #e6fffa; + .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\:bg-teal-200 { - background-color: #b2f5ea; + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-300 { - background-color: #81e6d9; + .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\:bg-teal-400 { - background-color: #4fd1c5; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-500 { - background-color: #38b2ac; + .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\:bg-teal-600 { - background-color: #319795; + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-700 { - background-color: #2c7a7b; + .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\:bg-teal-800 { - background-color: #285e61; + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-900 { - background-color: #234e52; + .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\:bg-blue-100 { - background-color: #ebf8ff; + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-200 { - background-color: #bee3f8; + .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\:bg-blue-300 { - background-color: #90cdf4; + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-400 { - background-color: #63b3ed; + .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\:bg-blue-500 { - background-color: #4299e1; + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-600 { - background-color: #3182ce; + .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\:bg-blue-700 { - background-color: #2b6cb0; + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-800 { - background-color: #2c5282; + .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\:bg-blue-900 { - background-color: #2a4365; + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .sm\:bg-indigo-100 { - background-color: #ebf4ff; + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .sm\:bg-indigo-200 { - background-color: #c3dafe; + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .sm\:bg-indigo-300 { - background-color: #a3bffa; + .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\:bg-indigo-400 { - background-color: #7f9cf5; + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-500 { - background-color: #667eea; + .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\:bg-indigo-600 { - background-color: #5a67d8; + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-700 { - background-color: #4c51bf; + .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\:bg-indigo-800 { - background-color: #434190; + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-900 { - background-color: #3c366b; + .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\:bg-purple-100 { - background-color: #faf5ff; + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-purple-200 { - background-color: #e9d8fd; + .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\:bg-purple-300 { - background-color: #d6bcfa; + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-purple-400 { - background-color: #b794f4; + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .sm\:bg-purple-500 { - background-color: #9f7aea; + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .sm\:bg-purple-600 { - background-color: #805ad5; + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .sm\:bg-purple-700 { - background-color: #6b46c1; + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .sm\:bg-purple-800 { - background-color: #553c9a; + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .sm\:bg-purple-900 { - background-color: #44337a; + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .sm\:bg-pink-100 { - background-color: #fff5f7; + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--divide-opacity)); } - .sm\:bg-pink-200 { - background-color: #fed7e2; + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--divide-opacity)); } - .sm\:bg-pink-300 { - background-color: #fbb6ce; + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--divide-opacity)); } - .sm\:bg-pink-400 { - background-color: #f687b3; + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--divide-opacity)); } - .sm\:bg-pink-500 { - background-color: #ed64a6; + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--divide-opacity)); } - .sm\:bg-pink-600 { - background-color: #d53f8c; + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--divide-opacity)); } - .sm\:bg-pink-700 { - background-color: #b83280; + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--divide-opacity)); } - .sm\:bg-pink-800 { - background-color: #97266d; + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--divide-opacity)); } - .sm\:bg-pink-900 { - background-color: #702459; + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--divide-opacity)); } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--divide-opacity)); } - .sm\:hover\:bg-black:hover { - background-color: #000; + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--divide-opacity)); } - .sm\:hover\:bg-white:hover { - background-color: #fff; + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--divide-opacity)); } - .sm\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--divide-opacity)); } - .sm\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--divide-opacity)); } - .sm\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .sm\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--divide-opacity)); } - .sm\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--divide-opacity)); } - .sm\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--divide-opacity)); } - .sm\:hover\:bg-gray-600:hover { - background-color: #718096; + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--divide-opacity)); } - .sm\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .sm\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--divide-opacity)); } - .sm\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .sm\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--divide-opacity)); } - .sm\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .sm\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--divide-opacity)); } - .sm\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .sm\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--divide-opacity)); } - .sm\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .sm\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--divide-opacity)); } - .sm\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .sm\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--divide-opacity)); } - .sm\:hover\:bg-red-400:hover { - background-color: #fc8181; + .sm\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--divide-opacity)); } - .sm\:hover\:bg-red-500:hover { - background-color: #f56565; + .sm\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--divide-opacity)); } - .sm\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .sm\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--divide-opacity)); } - .sm\:hover\:bg-red-700:hover { - background-color: #c53030; + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--divide-opacity)); } - .sm\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--divide-opacity)); } - .sm\:hover\:bg-red-900:hover { - background-color: #742a2a; + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--divide-opacity)); } - .sm\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--divide-opacity)); } - .sm\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--divide-opacity)); } - .sm\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--divide-opacity)); } - .sm\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--divide-opacity)); } - .sm\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--divide-opacity)); } - .sm\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--divide-opacity)); } - .sm\:hover\:bg-orange-700:hover { - background-color: #c05621; + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--divide-opacity)); } - .sm\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--divide-opacity)); } - .sm\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .sm\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .sm\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--divide-opacity)); } - .sm\:hover\:bg-yellow-900:hover { - background-color: #744210; + .sm\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--divide-opacity)); } - .sm\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .sm\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--divide-opacity)); } - .sm\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .sm\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--divide-opacity)); } - .sm\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .sm\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--divide-opacity)); } - .sm\:hover\:bg-green-400:hover { - background-color: #68d391; + .sm\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--divide-opacity)); } - .sm\:hover\:bg-green-500:hover { - background-color: #48bb78; + .sm\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--divide-opacity)); } - .sm\:hover\:bg-green-600:hover { - background-color: #38a169; + .sm\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--divide-opacity)); } - .sm\:hover\:bg-green-700:hover { - background-color: #2f855a; + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--divide-opacity)); } - .sm\:hover\:bg-green-800:hover { - background-color: #276749; + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--divide-opacity)); } - .sm\:hover\:bg-green-900:hover { - background-color: #22543d; + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--divide-opacity)); } - .sm\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--divide-opacity)); } - .sm\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--divide-opacity)); } - .sm\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--divide-opacity)); } - .sm\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--divide-opacity)); } - .sm\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--divide-opacity)); } - .sm\:hover\:bg-teal-600:hover { - background-color: #319795; + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--divide-opacity)); } - .sm\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .sm\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--divide-opacity)); } - .sm\:hover\:bg-teal-800:hover { - background-color: #285e61; + .sm\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--divide-opacity)); } - .sm\:hover\:bg-teal-900:hover { - background-color: #234e52; + .sm\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--divide-opacity)); } - .sm\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .sm\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--divide-opacity)); } - .sm\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .sm\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--divide-opacity)); } - .sm\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .sm\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--divide-opacity)); } - .sm\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .sm\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--divide-opacity)); } - .sm\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .sm\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--divide-opacity)); } - .sm\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .sm\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--divide-opacity)); } - .sm\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--divide-opacity)); } - .sm\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--divide-opacity)); } - .sm\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-800:hover { - background-color: #434190; + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--divide-opacity)); } - .sm\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--divide-opacity)); } - .sm\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--divide-opacity)); } - .sm\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--divide-opacity)); } - .sm\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--divide-opacity)); } - .sm\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--divide-opacity)); } - .sm\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--divide-opacity)); } - .sm\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--divide-opacity)); } - .sm\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .sm\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .sm\:hover\:bg-purple-900:hover { - background-color: #44337a; + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .sm\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .sm\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .sm\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .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\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .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\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:bg-pink-700:hover { - background-color: #b83280; + .sm\:appearance-none { + appearance: none; } - .sm\:hover\:bg-pink-800:hover { - background-color: #97266d; + .sm\:bg-fixed { + background-attachment: fixed; } - .sm\:hover\:bg-pink-900:hover { - background-color: #702459; + .sm\:bg-local { + background-attachment: local; } - .sm\:focus\:bg-transparent:focus { + .sm\:bg-scroll { + background-attachment: scroll; + } + + .sm\:bg-transparent { background-color: transparent; } - .sm\:focus\:bg-black:focus { + .sm\:bg-current { + background-color: currentColor; + } + + .sm\:bg-black { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:focus\:bg-white:focus { + .sm\:bg-white { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:focus\:bg-gray-100:focus { + .sm\:bg-gray-100 { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .sm\:focus\:bg-gray-200:focus { + .sm\:bg-gray-200 { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .sm\:focus\:bg-gray-300:focus { + .sm\:bg-gray-300 { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .sm\:focus\:bg-gray-400:focus { + .sm\:bg-gray-400 { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .sm\:focus\:bg-gray-500:focus { + .sm\:bg-gray-500 { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .sm\:focus\:bg-gray-600:focus { + .sm\:bg-gray-600 { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .sm\:focus\:bg-gray-700:focus { + .sm\:bg-gray-700 { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .sm\:focus\:bg-gray-800:focus { + .sm\:bg-gray-800 { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .sm\:focus\:bg-gray-900:focus { + .sm\:bg-gray-900 { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .sm\:focus\:bg-red-100:focus { + .sm\:bg-red-100 { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .sm\:focus\:bg-red-200:focus { + .sm\:bg-red-200 { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .sm\:focus\:bg-red-300:focus { + .sm\:bg-red-300 { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .sm\:focus\:bg-red-400:focus { + .sm\:bg-red-400 { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .sm\:focus\:bg-red-500:focus { + .sm\:bg-red-500 { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .sm\:focus\:bg-red-600:focus { + .sm\:bg-red-600 { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .sm\:focus\:bg-red-700:focus { + .sm\:bg-red-700 { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .sm\:focus\:bg-red-800:focus { + .sm\:bg-red-800 { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .sm\:focus\:bg-red-900:focus { + .sm\:bg-red-900 { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .sm\:focus\:bg-orange-100:focus { + .sm\:bg-orange-100 { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .sm\:focus\:bg-orange-200:focus { + .sm\:bg-orange-200 { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .sm\:focus\:bg-orange-300:focus { + .sm\:bg-orange-300 { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .sm\:focus\:bg-orange-400:focus { + .sm\:bg-orange-400 { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .sm\:focus\:bg-orange-500:focus { + .sm\:bg-orange-500 { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .sm\:focus\:bg-orange-600:focus { + .sm\:bg-orange-600 { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .sm\:focus\:bg-orange-700:focus { + .sm\:bg-orange-700 { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .sm\:focus\:bg-orange-800:focus { + .sm\:bg-orange-800 { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .sm\:focus\:bg-orange-900:focus { + .sm\:bg-orange-900 { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-100:focus { + .sm\:bg-yellow-100 { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-200:focus { + .sm\:bg-yellow-200 { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-300:focus { + .sm\:bg-yellow-300 { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-400:focus { + .sm\:bg-yellow-400 { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-500:focus { + .sm\:bg-yellow-500 { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-600:focus { + .sm\:bg-yellow-600 { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-700:focus { + .sm\:bg-yellow-700 { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-800:focus { + .sm\:bg-yellow-800 { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .sm\:focus\:bg-yellow-900:focus { + .sm\:bg-yellow-900 { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .sm\:focus\:bg-green-100:focus { + .sm\:bg-green-100 { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .sm\:focus\:bg-green-200:focus { + .sm\:bg-green-200 { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .sm\:focus\:bg-green-300:focus { + .sm\:bg-green-300 { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .sm\:focus\:bg-green-400:focus { + .sm\:bg-green-400 { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .sm\:focus\:bg-green-500:focus { + .sm\:bg-green-500 { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .sm\:focus\:bg-green-600:focus { + .sm\:bg-green-600 { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .sm\:focus\:bg-green-700:focus { + .sm\:bg-green-700 { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .sm\:focus\:bg-green-800:focus { + .sm\:bg-green-800 { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .sm\:focus\:bg-green-900:focus { + .sm\:bg-green-900 { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .sm\:focus\:bg-teal-100:focus { + .sm\:bg-teal-100 { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .sm\:focus\:bg-teal-200:focus { + .sm\:bg-teal-200 { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .sm\:focus\:bg-teal-300:focus { + .sm\:bg-teal-300 { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .sm\:focus\:bg-teal-400:focus { + .sm\:bg-teal-400 { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .sm\:focus\:bg-teal-500:focus { + .sm\:bg-teal-500 { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .sm\:focus\:bg-teal-600:focus { + .sm\:bg-teal-600 { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .sm\:focus\:bg-teal-700:focus { + .sm\:bg-teal-700 { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .sm\:focus\:bg-teal-800:focus { + .sm\:bg-teal-800 { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .sm\:focus\:bg-teal-900:focus { + .sm\:bg-teal-900 { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .sm\:focus\:bg-blue-100:focus { + .sm\:bg-blue-100 { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .sm\:focus\:bg-blue-200:focus { + .sm\:bg-blue-200 { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .sm\:focus\:bg-blue-300:focus { + .sm\:bg-blue-300 { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .sm\:focus\:bg-blue-400:focus { + .sm\:bg-blue-400 { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .sm\:focus\:bg-blue-500:focus { + .sm\:bg-blue-500 { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .sm\:focus\:bg-blue-600:focus { + .sm\:bg-blue-600 { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .sm\:focus\:bg-blue-700:focus { + .sm\:bg-blue-700 { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .sm\:focus\:bg-blue-800:focus { + .sm\:bg-blue-800 { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .sm\:focus\:bg-blue-900:focus { + .sm\:bg-blue-900 { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-100:focus { + .sm\:bg-indigo-100 { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-200:focus { + .sm\:bg-indigo-200 { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-300:focus { + .sm\:bg-indigo-300 { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-400:focus { + .sm\:bg-indigo-400 { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-500:focus { + .sm\:bg-indigo-500 { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-600:focus { + .sm\:bg-indigo-600 { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-700:focus { + .sm\:bg-indigo-700 { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-800:focus { + .sm\:bg-indigo-800 { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .sm\:focus\:bg-indigo-900:focus { + .sm\:bg-indigo-900 { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .sm\:focus\:bg-purple-100:focus { + .sm\:bg-purple-100 { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .sm\:focus\:bg-purple-200:focus { + .sm\:bg-purple-200 { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .sm\:focus\:bg-purple-300:focus { + .sm\:bg-purple-300 { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .sm\:focus\:bg-purple-400:focus { + .sm\:bg-purple-400 { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .sm\:focus\:bg-purple-500:focus { + .sm\:bg-purple-500 { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .sm\:focus\:bg-purple-600:focus { + .sm\:bg-purple-600 { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .sm\:focus\:bg-purple-700:focus { + .sm\:bg-purple-700 { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .sm\:focus\:bg-purple-800:focus { + .sm\:bg-purple-800 { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .sm\:focus\:bg-purple-900:focus { + .sm\:bg-purple-900 { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .sm\:focus\:bg-pink-100:focus { + .sm\:bg-pink-100 { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .sm\:focus\:bg-pink-200:focus { + .sm\:bg-pink-200 { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .sm\:focus\:bg-pink-300:focus { + .sm\:bg-pink-300 { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .sm\:focus\:bg-pink-400:focus { + .sm\:bg-pink-400 { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .sm\:focus\:bg-pink-500:focus { + .sm\:bg-pink-500 { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .sm\:focus\:bg-pink-600:focus { + .sm\:bg-pink-600 { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .sm\:focus\:bg-pink-700:focus { + .sm\:bg-pink-700 { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .sm\:focus\:bg-pink-800:focus { + .sm\:bg-pink-800 { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .sm\:focus\:bg-pink-900:focus { + .sm\:bg-pink-900 { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .sm\:bg-bottom { - background-position: bottom; + .sm\:hover\:bg-transparent:hover { + background-color: transparent; } - .sm\:bg-center { - background-position: center; + .sm\:hover\:bg-current:hover { + background-color: currentColor; } - .sm\:bg-left { - background-position: left; + .sm\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:bg-left-bottom { - background-position: left bottom; + .sm\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:bg-left-top { - background-position: left top; + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .sm\:bg-right { - background-position: right; + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .sm\:bg-right-bottom { - background-position: right bottom; + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .sm\:bg-right-top { - background-position: right top; + .sm\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .sm\:bg-top { - background-position: top; + .sm\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .sm\:bg-repeat { - background-repeat: repeat; + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .sm\:bg-repeat-round { - background-repeat: round; + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .sm\:bg-repeat-space { - background-repeat: space; + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .sm\:bg-auto { - background-size: auto; + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .sm\:bg-cover { - background-size: cover; - } - - .sm\:bg-contain { - background-size: contain; + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .sm\:border-collapse { - border-collapse: collapse; + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .sm\:border-separate { - border-collapse: separate; + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .sm\:border-transparent { - border-color: transparent; + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .sm\:border-black { - border-color: #000; + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .sm\:border-white { - border-color: #fff; + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .sm\:border-gray-100 { - border-color: #f7fafc; + .sm\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .sm\:border-gray-200 { - border-color: #edf2f7; + .sm\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .sm\:border-gray-300 { - border-color: #e2e8f0; + .sm\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .sm\:border-gray-400 { - border-color: #cbd5e0; + .sm\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .sm\:border-gray-500 { - border-color: #a0aec0; + .sm\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .sm\:border-gray-600 { - border-color: #718096; + .sm\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .sm\:border-gray-700 { - border-color: #4a5568; + .sm\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .sm\:border-gray-800 { - border-color: #2d3748; + .sm\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .sm\:border-gray-900 { - border-color: #1a202c; + .sm\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .sm\:border-red-100 { - border-color: #fff5f5; + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .sm\:border-red-200 { - border-color: #fed7d7; + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .sm\:border-red-300 { - border-color: #feb2b2; + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .sm\:border-red-400 { - border-color: #fc8181; + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .sm\:border-red-500 { - border-color: #f56565; + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .sm\:border-red-600 { - border-color: #e53e3e; + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .sm\:border-red-700 { - border-color: #c53030; + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .sm\:border-red-800 { - border-color: #9b2c2c; + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .sm\:border-red-900 { - border-color: #742a2a; + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .sm\:border-orange-100 { - border-color: #fffaf0; + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .sm\:border-orange-200 { - border-color: #feebc8; + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .sm\:border-orange-300 { - border-color: #fbd38d; + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .sm\:border-orange-400 { - border-color: #f6ad55; + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .sm\:border-orange-500 { - border-color: #ed8936; + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .sm\:border-orange-600 { - border-color: #dd6b20; + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .sm\:border-orange-700 { - border-color: #c05621; + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .sm\:border-orange-800 { - border-color: #9c4221; + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .sm\:border-orange-900 { - border-color: #7b341e; + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .sm\:border-yellow-100 { - border-color: #fffff0; + .sm\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .sm\:border-yellow-200 { - border-color: #fefcbf; + .sm\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .sm\:border-yellow-300 { - border-color: #faf089; + .sm\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .sm\:border-yellow-400 { - border-color: #f6e05e; + .sm\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .sm\:border-yellow-500 { - border-color: #ecc94b; + .sm\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .sm\:border-yellow-600 { - border-color: #d69e2e; + .sm\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .sm\:border-yellow-700 { - border-color: #b7791f; + .sm\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .sm\:border-yellow-800 { - border-color: #975a16; + .sm\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .sm\:border-yellow-900 { - border-color: #744210; + .sm\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .sm\:border-green-100 { - border-color: #f0fff4; + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .sm\:border-green-200 { - border-color: #c6f6d5; + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .sm\:border-green-300 { - border-color: #9ae6b4; + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .sm\:border-green-400 { - border-color: #68d391; + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .sm\:border-green-500 { - border-color: #48bb78; + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .sm\:border-green-600 { - border-color: #38a169; + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .sm\:border-green-700 { - border-color: #2f855a; + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .sm\:border-green-800 { - border-color: #276749; + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .sm\:border-green-900 { - border-color: #22543d; + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .sm\:border-teal-100 { - border-color: #e6fffa; + .sm\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .sm\:border-teal-200 { - border-color: #b2f5ea; + .sm\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .sm\:border-teal-300 { - border-color: #81e6d9; + .sm\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .sm\:border-teal-400 { - border-color: #4fd1c5; + .sm\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .sm\:border-teal-500 { - border-color: #38b2ac; + .sm\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .sm\:border-teal-600 { - border-color: #319795; + .sm\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .sm\:border-teal-700 { - border-color: #2c7a7b; + .sm\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .sm\:border-teal-800 { - border-color: #285e61; + .sm\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .sm\:border-teal-900 { - border-color: #234e52; + .sm\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .sm\:border-blue-100 { - border-color: #ebf8ff; + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .sm\:border-blue-200 { - border-color: #bee3f8; + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .sm\:border-blue-300 { - border-color: #90cdf4; + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .sm\:border-blue-400 { - border-color: #63b3ed; + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .sm\:border-blue-500 { - border-color: #4299e1; + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .sm\:border-blue-600 { - border-color: #3182ce; + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .sm\:border-blue-700 { - border-color: #2b6cb0; + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .sm\:border-blue-800 { - border-color: #2c5282; + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .sm\:border-blue-900 { - border-color: #2a4365; + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .sm\:border-indigo-100 { - border-color: #ebf4ff; + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .sm\:border-indigo-200 { - border-color: #c3dafe; + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .sm\:border-indigo-300 { - border-color: #a3bffa; + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .sm\:border-indigo-400 { - border-color: #7f9cf5; + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .sm\:border-indigo-500 { - border-color: #667eea; + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .sm\:border-indigo-600 { - border-color: #5a67d8; + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .sm\:border-indigo-700 { - border-color: #4c51bf; + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .sm\:border-indigo-800 { - border-color: #434190; + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .sm\:border-indigo-900 { - border-color: #3c366b; + .sm\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .sm\:border-purple-100 { - border-color: #faf5ff; + .sm\:focus\:bg-transparent:focus { + background-color: transparent; } - .sm\:border-purple-200 { - border-color: #e9d8fd; + .sm\:focus\:bg-current:focus { + background-color: currentColor; } - .sm\:border-purple-300 { - border-color: #d6bcfa; + .sm\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .sm\:border-purple-400 { - border-color: #b794f4; + .sm\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .sm\:border-purple-500 { - border-color: #9f7aea; + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .sm\:border-purple-600 { - border-color: #805ad5; + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .sm\:border-purple-700 { - border-color: #6b46c1; + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .sm\:border-purple-800 { - border-color: #553c9a; + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .sm\:border-purple-900 { - border-color: #44337a; + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .sm\:border-pink-100 { - border-color: #fff5f7; + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .sm\:border-pink-200 { - border-color: #fed7e2; + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .sm\:border-pink-300 { - border-color: #fbb6ce; + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .sm\:border-pink-400 { - border-color: #f687b3; + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .sm\:border-pink-500 { - border-color: #ed64a6; + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .sm\:border-pink-600 { - border-color: #d53f8c; + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .sm\:border-pink-700 { - border-color: #b83280; + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .sm\:border-pink-800 { - border-color: #97266d; + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .sm\:border-pink-900 { - border-color: #702459; + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .sm\:hover\:border-black:hover { - border-color: #000; + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .sm\:hover\:border-white:hover { - border-color: #fff; + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .sm\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .sm\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .sm\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .sm\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .sm\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .sm\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .sm\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .sm\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .sm\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .sm\:hover\:border-gray-600:hover { - border-color: #718096; + .sm\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .sm\:hover\:border-gray-700:hover { - border-color: #4a5568; + .sm\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .sm\:hover\:border-gray-800:hover { - border-color: #2d3748; + .sm\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .sm\:hover\:border-gray-900:hover { - border-color: #1a202c; + .sm\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .sm\:hover\:border-red-100:hover { - border-color: #fff5f5; + .sm\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .sm\:hover\:border-red-200:hover { - border-color: #fed7d7; + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .sm\:hover\:border-red-300:hover { - border-color: #feb2b2; + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .sm\:hover\:border-red-400:hover { - border-color: #fc8181; + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .sm\:hover\:border-red-500:hover { - border-color: #f56565; + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .sm\:hover\:border-red-600:hover { - border-color: #e53e3e; + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .sm\:hover\:border-red-700:hover { - border-color: #c53030; + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .sm\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .sm\:hover\:border-red-900:hover { - border-color: #742a2a; + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .sm\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .sm\:hover\:border-orange-200:hover { - border-color: #feebc8; + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .sm\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .sm\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .sm\:hover\:border-orange-500:hover { - border-color: #ed8936; + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .sm\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .sm\:hover\:border-orange-700:hover { - border-color: #c05621; + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .sm\:hover\:border-orange-800:hover { - border-color: #9c4221; + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .sm\:hover\:border-orange-900:hover { - border-color: #7b341e; + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .sm\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .sm\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .sm\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .sm\:hover\:border-yellow-300:hover { - border-color: #faf089; + .sm\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .sm\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .sm\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .sm\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .sm\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .sm\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .sm\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .sm\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .sm\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .sm\:hover\:border-yellow-800:hover { - border-color: #975a16; + .sm\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .sm\:hover\:border-yellow-900:hover { - border-color: #744210; + .sm\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .sm\:hover\:border-green-100:hover { - border-color: #f0fff4; + .sm\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .sm\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .sm\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .sm\:hover\:border-green-400:hover { - border-color: #68d391; + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .sm\:hover\:border-green-500:hover { - border-color: #48bb78; + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .sm\:hover\:border-green-600:hover { - border-color: #38a169; + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .sm\:hover\:border-green-700:hover { - border-color: #2f855a; + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .sm\:hover\:border-green-800:hover { - border-color: #276749; + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .sm\:hover\:border-green-900:hover { - border-color: #22543d; + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .sm\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .sm\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .sm\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .sm\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .sm\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .sm\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .sm\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .sm\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .sm\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .sm\:hover\:border-teal-600:hover { - border-color: #319795; + .sm\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .sm\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .sm\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .sm\:hover\:border-teal-800:hover { - border-color: #285e61; + .sm\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .sm\:hover\:border-teal-900:hover { - border-color: #234e52; + .sm\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .sm\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .sm\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .sm\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .sm\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .sm\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .sm\:hover\:border-blue-500:hover { - border-color: #4299e1; + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .sm\:hover\:border-blue-600:hover { - border-color: #3182ce; + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .sm\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .sm\:hover\:border-blue-800:hover { - border-color: #2c5282; + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .sm\:hover\:border-blue-900:hover { - border-color: #2a4365; + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .sm\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .sm\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .sm\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .sm\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .sm\:hover\:border-indigo-500:hover { - border-color: #667eea; + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .sm\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .sm\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .sm\:hover\:border-indigo-800:hover { - border-color: #434190; + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .sm\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .sm\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .sm\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .sm\:bg-opacity-0 { + --bg-opacity: 0; } - .sm\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .sm\:bg-opacity-25 { + --bg-opacity: 0.25; } - .sm\:hover\:border-purple-400:hover { - border-color: #b794f4; + .sm\:bg-opacity-50 { + --bg-opacity: 0.5; } - .sm\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .sm\:bg-opacity-75 { + --bg-opacity: 0.75; } - .sm\:hover\:border-purple-600:hover { - border-color: #805ad5; + .sm\:bg-opacity-100 { + --bg-opacity: 1; } - .sm\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .sm\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .sm\:hover\:border-purple-800:hover { - border-color: #553c9a; + .sm\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .sm\:hover\:border-purple-900:hover { - border-color: #44337a; + .sm\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .sm\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .sm\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .sm\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .sm\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .sm\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .sm\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .sm\:hover\:border-pink-400:hover { - border-color: #f687b3; + .sm\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .sm\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .sm\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .sm\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .sm\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .sm\:hover\:border-pink-700:hover { - border-color: #b83280; + .sm\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .sm\:hover\:border-pink-800:hover { - border-color: #97266d; + .sm\:bg-bottom { + background-position: bottom; } - .sm\:hover\:border-pink-900:hover { - border-color: #702459; + .sm\:bg-center { + background-position: center; } - .sm\:focus\:border-transparent:focus { + .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\:focus\:border-black:focus { + .sm\:border-current { + border-color: currentColor; + } + + .sm\:border-black { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:focus\:border-white:focus { + .sm\:border-white { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:focus\:border-gray-100:focus { + .sm\:border-gray-100 { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } - .sm\:focus\:border-gray-200:focus { + .sm\:border-gray-200 { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } - .sm\:focus\:border-gray-300:focus { + .sm\:border-gray-300 { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } - .sm\:focus\:border-gray-400:focus { + .sm\:border-gray-400 { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } - .sm\:focus\:border-gray-500:focus { + .sm\:border-gray-500 { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } - .sm\:focus\:border-gray-600:focus { + .sm\:border-gray-600 { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } - .sm\:focus\:border-gray-700:focus { + .sm\:border-gray-700 { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } - .sm\:focus\:border-gray-800:focus { + .sm\:border-gray-800 { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } - .sm\:focus\:border-gray-900:focus { + .sm\:border-gray-900 { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } - .sm\:focus\:border-red-100:focus { + .sm\:border-red-100 { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } - .sm\:focus\:border-red-200:focus { + .sm\:border-red-200 { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } - .sm\:focus\:border-red-300:focus { + .sm\:border-red-300 { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } - .sm\:focus\:border-red-400:focus { + .sm\:border-red-400 { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } - .sm\:focus\:border-red-500:focus { + .sm\:border-red-500 { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } - .sm\:focus\:border-red-600:focus { + .sm\:border-red-600 { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } - .sm\:focus\:border-red-700:focus { + .sm\:border-red-700 { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } - .sm\:focus\:border-red-800:focus { + .sm\:border-red-800 { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } - .sm\:focus\:border-red-900:focus { + .sm\:border-red-900 { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } - .sm\:focus\:border-orange-100:focus { + .sm\:border-orange-100 { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } - .sm\:focus\:border-orange-200:focus { + .sm\:border-orange-200 { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } - .sm\:focus\:border-orange-300:focus { + .sm\:border-orange-300 { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } - .sm\:focus\:border-orange-400:focus { + .sm\:border-orange-400 { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } - .sm\:focus\:border-orange-500:focus { + .sm\:border-orange-500 { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } - .sm\:focus\:border-orange-600:focus { + .sm\:border-orange-600 { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } - .sm\:focus\:border-orange-700:focus { + .sm\:border-orange-700 { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } - .sm\:focus\:border-orange-800:focus { + .sm\:border-orange-800 { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } - .sm\:focus\:border-orange-900:focus { + .sm\:border-orange-900 { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } - .sm\:focus\:border-yellow-100:focus { + .sm\:border-yellow-100 { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } - .sm\:focus\:border-yellow-200:focus { + .sm\:border-yellow-200 { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } - .sm\:focus\:border-yellow-300:focus { + .sm\:border-yellow-300 { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } - .sm\:focus\:border-yellow-400:focus { + .sm\:border-yellow-400 { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } - .sm\:focus\:border-yellow-500:focus { + .sm\:border-yellow-500 { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } - .sm\:focus\:border-yellow-600:focus { + .sm\:border-yellow-600 { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } - .sm\:focus\:border-yellow-700:focus { + .sm\:border-yellow-700 { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } - .sm\:focus\:border-yellow-800:focus { + .sm\:border-yellow-800 { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } - .sm\:focus\:border-yellow-900:focus { + .sm\:border-yellow-900 { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } - .sm\:focus\:border-green-100:focus { + .sm\:border-green-100 { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } - .sm\:focus\:border-green-200:focus { + .sm\:border-green-200 { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } - .sm\:focus\:border-green-300:focus { + .sm\:border-green-300 { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } - .sm\:focus\:border-green-400:focus { + .sm\:border-green-400 { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } - .sm\:focus\:border-green-500:focus { + .sm\:border-green-500 { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } - .sm\:focus\:border-green-600:focus { + .sm\:border-green-600 { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } - .sm\:focus\:border-green-700:focus { + .sm\:border-green-700 { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } - .sm\:focus\:border-green-800:focus { + .sm\:border-green-800 { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } - .sm\:focus\:border-green-900:focus { + .sm\:border-green-900 { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } - .sm\:focus\:border-teal-100:focus { + .sm\:border-teal-100 { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } - .sm\:focus\:border-teal-200:focus { + .sm\:border-teal-200 { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } - .sm\:focus\:border-teal-300:focus { + .sm\:border-teal-300 { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } - .sm\:focus\:border-teal-400:focus { + .sm\:border-teal-400 { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } - .sm\:focus\:border-teal-500:focus { + .sm\:border-teal-500 { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } - .sm\:focus\:border-teal-600:focus { + .sm\:border-teal-600 { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } - .sm\:focus\:border-teal-700:focus { + .sm\:border-teal-700 { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } - .sm\:focus\:border-teal-800:focus { + .sm\:border-teal-800 { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } - .sm\:focus\:border-teal-900:focus { + .sm\:border-teal-900 { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } - .sm\:focus\:border-blue-100:focus { + .sm\:border-blue-100 { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } - .sm\:focus\:border-blue-200:focus { + .sm\:border-blue-200 { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } - .sm\:focus\:border-blue-300:focus { + .sm\:border-blue-300 { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } - .sm\:focus\:border-blue-400:focus { + .sm\:border-blue-400 { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } - .sm\:focus\:border-blue-500:focus { + .sm\:border-blue-500 { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } - .sm\:focus\:border-blue-600:focus { + .sm\:border-blue-600 { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } - .sm\:focus\:border-blue-700:focus { + .sm\:border-blue-700 { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } - .sm\:focus\:border-blue-800:focus { + .sm\:border-blue-800 { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } - .sm\:focus\:border-blue-900:focus { + .sm\:border-blue-900 { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } - .sm\:focus\:border-indigo-100:focus { + .sm\:border-indigo-100 { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } - .sm\:focus\:border-indigo-200:focus { + .sm\:border-indigo-200 { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } - .sm\:focus\:border-indigo-300:focus { + .sm\:border-indigo-300 { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } - .sm\:focus\:border-indigo-400:focus { + .sm\:border-indigo-400 { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } - .sm\:focus\:border-indigo-500:focus { + .sm\:border-indigo-500 { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } - .sm\:focus\:border-indigo-600:focus { + .sm\:border-indigo-600 { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } - .sm\:focus\:border-indigo-700:focus { + .sm\:border-indigo-700 { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } - .sm\:focus\:border-indigo-800:focus { + .sm\:border-indigo-800 { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } - .sm\:focus\:border-indigo-900:focus { + .sm\:border-indigo-900 { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } - .sm\:focus\:border-purple-100:focus { + .sm\:border-purple-100 { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } - .sm\:focus\:border-purple-200:focus { + .sm\:border-purple-200 { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } - .sm\:focus\:border-purple-300:focus { + .sm\:border-purple-300 { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } - .sm\:focus\:border-purple-400:focus { + .sm\:border-purple-400 { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } - .sm\:focus\:border-purple-500:focus { + .sm\:border-purple-500 { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } - .sm\:focus\:border-purple-600:focus { + .sm\:border-purple-600 { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } - .sm\:focus\:border-purple-700:focus { + .sm\:border-purple-700 { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } - .sm\:focus\:border-purple-800:focus { + .sm\:border-purple-800 { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } - .sm\:focus\:border-purple-900:focus { + .sm\:border-purple-900 { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } - .sm\:focus\:border-pink-100:focus { + .sm\:border-pink-100 { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } - .sm\:focus\:border-pink-200:focus { + .sm\:border-pink-200 { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } - .sm\:focus\:border-pink-300:focus { + .sm\:border-pink-300 { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } - .sm\:focus\:border-pink-400:focus { + .sm\:border-pink-400 { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } - .sm\:focus\:border-pink-500:focus { + .sm\:border-pink-500 { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } - .sm\:focus\:border-pink-600:focus { + .sm\:border-pink-600 { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } - .sm\:focus\:border-pink-700:focus { + .sm\:border-pink-700 { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } - .sm\:focus\:border-pink-800:focus { + .sm\:border-pink-800 { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } - .sm\:focus\:border-pink-900:focus { + .sm\:border-pink-900 { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } - .sm\:rounded-none { - border-radius: 0; + .sm\:hover\:border-transparent:hover { + border-color: transparent; } - .sm\:rounded-sm { - border-radius: 0.125rem; + .sm\:hover\:border-current:hover { + border-color: currentColor; } - .sm\:rounded { - border-radius: 0.25rem; + .sm\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:rounded-md { - border-radius: 0.375rem; + .sm\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:rounded-lg { - border-radius: 0.5rem; + .sm\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } - .sm\:rounded-full { - border-radius: 9999px; + .sm\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } - .sm\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } - .sm\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } - .sm\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } - .sm\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } - .sm\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } - .sm\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } - .sm\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .sm\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .sm\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } - .sm\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } - .sm\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } - .sm\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .sm\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .sm\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .sm\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } - .sm\:border-solid { - border-style: solid; + .sm\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } - .sm\:border-dashed { - border-style: dashed; + .sm\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } - .sm\:border-dotted { - border-style: dotted; + .sm\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } - .sm\:border-double { - border-style: double; + .sm\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } - .sm\:border-none { - border-style: none; + .sm\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } - .sm\:border-0 { - border-width: 0; + .sm\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } - .sm\:border-2 { - border-width: 2px; + .sm\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } - .sm\:border-4 { - border-width: 4px; + .sm\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } - .sm\:border-8 { - border-width: 8px; + .sm\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } - .sm\:border { - border-width: 1px; + .sm\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } - .sm\:border-t-0 { - border-top-width: 0; + .sm\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } - .sm\:border-r-0 { - border-right-width: 0; + .sm\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } - .sm\:border-b-0 { - border-bottom-width: 0; + .sm\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } - .sm\:border-l-0 { - border-left-width: 0; + .sm\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } - .sm\:border-t-2 { - border-top-width: 2px; + .sm\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } - .sm\:border-r-2 { - border-right-width: 2px; + .sm\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } - .sm\:border-b-2 { - border-bottom-width: 2px; + .sm\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } - .sm\:border-l-2 { - border-left-width: 2px; + .sm\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } - .sm\:border-t-4 { - border-top-width: 4px; + .sm\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } - .sm\:border-r-4 { - border-right-width: 4px; + .sm\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } - .sm\:border-b-4 { - border-bottom-width: 4px; + .sm\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } - .sm\:border-l-4 { - border-left-width: 4px; + .sm\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } - .sm\:border-t-8 { - border-top-width: 8px; + .sm\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } - .sm\:border-r-8 { - border-right-width: 8px; + .sm\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } - .sm\:border-b-8 { - border-bottom-width: 8px; + .sm\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } - .sm\:border-l-8 { - border-left-width: 8px; + .sm\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } - .sm\:border-t { - border-top-width: 1px; + .sm\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } - .sm\:border-r { - border-right-width: 1px; + .sm\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } - .sm\:border-b { - border-bottom-width: 1px; + .sm\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } - .sm\:border-l { - border-left-width: 1px; + .sm\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } - .sm\:box-border { - box-sizing: border-box; + .sm\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } - .sm\:box-content { - box-sizing: content-box; + .sm\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } - .sm\:cursor-auto { - cursor: auto; + .sm\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } - .sm\:cursor-default { - cursor: default; + .sm\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } - .sm\:cursor-pointer { - cursor: pointer; + .sm\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } - .sm\:cursor-wait { - cursor: wait; + .sm\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } - .sm\:cursor-text { - cursor: text; + .sm\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } - .sm\:cursor-move { - cursor: move; + .sm\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .sm\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } - .sm\:block { - display: block; + .sm\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } - .sm\:inline-block { - display: inline-block; + .sm\:focus\:border-transparent:focus { + border-color: transparent; } - .sm\:inline { - display: inline; + .sm\:focus\:border-current:focus { + border-color: currentColor; } - .sm\:flex { - display: flex; + .sm\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .sm\:inline-flex { - display: inline-flex; + .sm\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .sm\:grid { - display: grid; + .sm\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } - .sm\:table { - display: table; + .sm\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } - .sm\:table-caption { - display: table-caption; + .sm\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } - .sm\:table-cell { - display: table-cell; + .sm\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } - .sm\:table-column { - display: table-column; + .sm\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } - .sm\:table-column-group { - display: table-column-group; + .sm\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } - .sm\:table-footer-group { - display: table-footer-group; + .sm\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } - .sm\:table-header-group { - display: table-header-group; + .sm\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } - .sm\:table-row-group { - display: table-row-group; + .sm\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } - .sm\:table-row { - display: table-row; + .sm\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } - .sm\:hidden { - display: none; + .sm\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } - .sm\:flex-row { - flex-direction: row; + .sm\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } - .sm\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } - .sm\:flex-col { - flex-direction: column; + .sm\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } - .sm\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } - .sm\:flex-wrap { - flex-wrap: wrap; + .sm\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } - .sm\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } - .sm\:items-start { - align-items: flex-start; + .sm\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } - .sm\:items-end { - align-items: flex-end; + .sm\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } - .sm\:items-center { - align-items: center; + .sm\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } - .sm\:items-baseline { - align-items: baseline; + .sm\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } - .sm\:items-stretch { - align-items: stretch; + .sm\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } - .sm\:self-auto { - align-self: auto; + .sm\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } - .sm\:self-start { - align-self: flex-start; + .sm\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } - .sm\:self-end { - align-self: flex-end; + .sm\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } - .sm\:self-center { - align-self: center; + .sm\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } - .sm\:self-stretch { - align-self: stretch; + .sm\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } - .sm\:justify-start { - justify-content: flex-start; + .sm\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } - .sm\:justify-end { - justify-content: flex-end; + .sm\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } - .sm\:justify-center { - justify-content: center; + .sm\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } - .sm\:justify-between { - justify-content: space-between; + .sm\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } - .sm\:justify-around { - justify-content: space-around; + .sm\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } - .sm\:justify-evenly { - justify-content: space-evenly; + .sm\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } - .sm\:content-center { - align-content: center; - } + .sm\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); + } - .sm\:content-start { - align-content: flex-start; + .sm\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } - .sm\:content-end { - align-content: flex-end; + .sm\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } - .sm\:content-between { - align-content: space-between; + .sm\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } - .sm\:content-around { - align-content: space-around; + .sm\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } - .sm\:flex-1 { - flex: 1 1 0%; + .sm\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } - .sm\:flex-auto { - flex: 1 1 auto; + .sm\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } - .sm\:flex-initial { - flex: 0 1 auto; + .sm\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } - .sm\:flex-none { - flex: none; + .sm\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } - .sm\:flex-grow-0 { - flex-grow: 0; + .sm\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } - .sm\:flex-grow { - flex-grow: 1; + .sm\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } - .sm\:flex-shrink-0 { - flex-shrink: 0; + .sm\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } - .sm\:flex-shrink { - flex-shrink: 1; + .sm\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } - .sm\:order-1 { - order: 1; + .sm\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } - .sm\:order-2 { - order: 2; + .sm\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } - .sm\:order-3 { - order: 3; + .sm\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } - .sm\:order-4 { - order: 4; + .sm\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } - .sm\:order-5 { - order: 5; + .sm\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } - .sm\:order-6 { - order: 6; + .sm\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } - .sm\:order-7 { - order: 7; + .sm\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } - .sm\:order-8 { - order: 8; + .sm\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } - .sm\:order-9 { - order: 9; + .sm\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } - .sm\:order-10 { - order: 10; + .sm\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } - .sm\:order-11 { - order: 11; + .sm\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } - .sm\:order-12 { - order: 12; + .sm\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } - .sm\:order-first { - order: -9999; + .sm\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } - .sm\:order-last { - order: 9999; + .sm\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } - .sm\:order-none { - order: 0; + .sm\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } - .sm\:float-right { - float: right; + .sm\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } - .sm\:float-left { - float: left; + .sm\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } - .sm\:float-none { - float: none; + .sm\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } - .sm\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } - .sm\:clear-left { - clear: left; + .sm\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } - .sm\:clear-right { - clear: right; + .sm\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } - .sm\:clear-both { - clear: both; + .sm\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } - .sm\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .sm\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } - .sm\:font-hairline { - font-weight: 100; + .sm\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } - .sm\:font-thin { - font-weight: 200; + .sm\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } - .sm\:font-light { - font-weight: 300; + .sm\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } - .sm\:font-normal { - font-weight: 400; + .sm\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } - .sm\:font-medium { - font-weight: 500; + .sm\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } - .sm\:font-semibold { - font-weight: 600; + .sm\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } - .sm\:font-bold { - font-weight: 700; + .sm\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } - .sm\:font-extrabold { - font-weight: 800; + .sm\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } - .sm\:font-black { - font-weight: 900; + .sm\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } - .sm\:hover\:font-hairline:hover { - font-weight: 100; + .sm\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } - .sm\:hover\:font-thin:hover { - font-weight: 200; + .sm\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } - .sm\:hover\:font-light:hover { - font-weight: 300; + .sm\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } - .sm\:hover\:font-normal:hover { - font-weight: 400; + .sm\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } - .sm\:hover\:font-medium:hover { - font-weight: 500; + .sm\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } - .sm\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } - .sm\:hover\:font-bold:hover { - font-weight: 700; + .sm\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } - .sm\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } - .sm\:hover\:font-black:hover { - font-weight: 900; + .sm\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } - .sm\:focus\:font-hairline:focus { - font-weight: 100; + .sm\:border-opacity-0 { + --border-opacity: 0; } - .sm\:focus\:font-thin:focus { - font-weight: 200; + .sm\:border-opacity-25 { + --border-opacity: 0.25; } - .sm\:focus\:font-light:focus { - font-weight: 300; + .sm\:border-opacity-50 { + --border-opacity: 0.5; } - .sm\:focus\:font-normal:focus { - font-weight: 400; + .sm\:border-opacity-75 { + --border-opacity: 0.75; } - .sm\:focus\:font-medium:focus { - font-weight: 500; + .sm\:border-opacity-100 { + --border-opacity: 1; } - .sm\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .sm\:focus\:font-bold:focus { - font-weight: 700; + .sm\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .sm\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .sm\:focus\:font-black:focus { - font-weight: 900; + .sm\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .sm\:h-0 { - height: 0; + .sm\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .sm\:h-1 { - height: 0.25rem; + .sm\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .sm\:h-2 { - height: 0.5rem; + .sm\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .sm\:h-3 { - height: 0.75rem; + .sm\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .sm\:h-4 { - height: 1rem; + .sm\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .sm\:h-5 { - height: 1.25rem; + .sm\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .sm\:h-6 { - height: 1.5rem; + .sm\:rounded-none { + border-radius: 0; } - .sm\:h-8 { - height: 2rem; + .sm\:rounded-sm { + border-radius: 0.125rem; } - .sm\:h-10 { - height: 2.5rem; + .sm\:rounded { + border-radius: 0.25rem; } - .sm\:h-12 { - height: 3rem; + .sm\:rounded-md { + border-radius: 0.375rem; } - .sm\:h-16 { - height: 4rem; + .sm\:rounded-lg { + border-radius: 0.5rem; } - .sm\:h-20 { - height: 5rem; + .sm\:rounded-full { + border-radius: 9999px; } - .sm\:h-24 { - height: 6rem; + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .sm\:h-32 { - height: 8rem; + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .sm\:h-40 { - height: 10rem; + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .sm\:h-48 { - height: 12rem; + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .sm\:h-56 { - height: 14rem; + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .sm\:h-64 { - height: 16rem; + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .sm\:h-auto { - height: auto; + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:h-px { - height: 1px; + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:h-full { - height: 100%; + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .sm\:h-screen { - height: 100vh; + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .sm\:leading-3 { - line-height: .75rem; + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:leading-4 { - line-height: 1rem; + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:leading-5 { - line-height: 1.25rem; + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .sm\:leading-6 { - line-height: 1.5rem; + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .sm\:leading-7 { - line-height: 1.75rem; + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:leading-8 { - line-height: 2rem; + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:leading-9 { - line-height: 2.25rem; + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .sm\:leading-10 { - line-height: 2.5rem; + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .sm\:leading-none { - line-height: 1; + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:leading-tight { - line-height: 1.25; + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:leading-snug { - line-height: 1.375; + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .sm\:leading-normal { - line-height: 1.5; + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .sm\:leading-relaxed { - line-height: 1.625; + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:leading-loose { - line-height: 2; + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:list-inside { - list-style-position: inside; + .sm\:rounded-tl-none { + border-top-left-radius: 0; } - .sm\:list-outside { - list-style-position: outside; + .sm\:rounded-tr-none { + border-top-right-radius: 0; } - .sm\:list-none { - list-style-type: none; + .sm\:rounded-br-none { + border-bottom-right-radius: 0; } - .sm\:list-disc { - list-style-type: disc; + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; } - .sm\:list-decimal { - list-style-type: decimal; + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .sm\:m-0 { - margin: 0; + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .sm\:m-1 { - margin: 0.25rem; + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .sm\:m-2 { - margin: 0.5rem; + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .sm\:m-3 { - margin: 0.75rem; + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; } - .sm\:m-4 { - margin: 1rem; + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; } - .sm\:m-5 { - margin: 1.25rem; + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .sm\:m-6 { - margin: 1.5rem; + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .sm\:m-8 { - margin: 2rem; + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .sm\:m-10 { - margin: 2.5rem; + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .sm\:m-12 { - margin: 3rem; + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .sm\:m-16 { - margin: 4rem; + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .sm\:m-20 { - margin: 5rem; + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .sm\:m-24 { - margin: 6rem; + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .sm\:m-32 { - margin: 8rem; + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .sm\:m-40 { - margin: 10rem; + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .sm\:m-48 { - margin: 12rem; + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; } - .sm\:m-56 { - margin: 14rem; + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; } - .sm\:m-64 { - margin: 16rem; + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .sm\:m-auto { - margin: auto; + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .sm\:m-px { - margin: 1px; + .sm\:border-solid { + border-style: solid; } - .sm\:-m-1 { - margin: -0.25rem; + .sm\:border-dashed { + border-style: dashed; } - .sm\:-m-2 { - margin: -0.5rem; + .sm\:border-dotted { + border-style: dotted; } - .sm\:-m-3 { - margin: -0.75rem; + .sm\:border-double { + border-style: double; } - .sm\:-m-4 { - margin: -1rem; + .sm\:border-none { + border-style: none; } - .sm\:-m-5 { - margin: -1.25rem; + .sm\:border-0 { + border-width: 0; } - .sm\:-m-6 { - margin: -1.5rem; + .sm\:border-2 { + border-width: 2px; } - .sm\:-m-8 { - margin: -2rem; + .sm\:border-4 { + border-width: 4px; } - .sm\:-m-10 { - margin: -2.5rem; + .sm\:border-8 { + border-width: 8px; } - .sm\:-m-12 { - margin: -3rem; + .sm\:border { + border-width: 1px; } - .sm\:-m-16 { - margin: -4rem; + .sm\:border-t-0 { + border-top-width: 0; } - .sm\:-m-20 { - margin: -5rem; + .sm\:border-r-0 { + border-right-width: 0; } - .sm\:-m-24 { - margin: -6rem; + .sm\:border-b-0 { + border-bottom-width: 0; } - .sm\:-m-32 { - margin: -8rem; + .sm\:border-l-0 { + border-left-width: 0; } - .sm\:-m-40 { - margin: -10rem; + .sm\:border-t-2 { + border-top-width: 2px; } - .sm\:-m-48 { - margin: -12rem; + .sm\:border-r-2 { + border-right-width: 2px; } - .sm\:-m-56 { - margin: -14rem; + .sm\:border-b-2 { + border-bottom-width: 2px; } - .sm\:-m-64 { - margin: -16rem; + .sm\:border-l-2 { + border-left-width: 2px; } - .sm\:-m-px { - margin: -1px; + .sm\:border-t-4 { + border-top-width: 4px; } - .sm\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:border-r-4 { + border-right-width: 4px; } - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:border-b-4 { + border-bottom-width: 4px; } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:border-l-4 { + border-left-width: 4px; } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:border-t-8 { + border-top-width: 8px; } - .sm\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:border-r-8 { + border-right-width: 8px; } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:border-b-8 { + border-bottom-width: 8px; } - .sm\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:border-l-8 { + border-left-width: 8px; } - .sm\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:border-t { + border-top-width: 1px; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:border-r { + border-right-width: 1px; } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:border-b { + border-bottom-width: 1px; } - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .sm\:border-l { + border-left-width: 1px; } - .sm\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .sm\:box-border { + box-sizing: border-box; } - .sm\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:box-content { + box-sizing: content-box; } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:cursor-auto { + cursor: auto; } - .sm\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:cursor-default { + cursor: default; } - .sm\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:cursor-pointer { + cursor: pointer; } - .sm\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .sm\:cursor-wait { + cursor: wait; } - .sm\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .sm\:cursor-text { + cursor: text; } - .sm\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:cursor-move { + cursor: move; } - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:cursor-not-allowed { + cursor: not-allowed; } - .sm\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .sm\:block { + display: block; } - .sm\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .sm\:inline-block { + display: inline-block; } - .sm\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:inline { + display: inline; } - .sm\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:flex { + display: flex; } - .sm\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .sm\:inline-flex { + display: inline-flex; } - .sm\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .sm\:table { + display: table; } - .sm\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .sm\:table-caption { + display: table-caption; } - .sm\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .sm\:table-cell { + display: table-cell; } - .sm\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .sm\:table-column { + display: table-column; } - .sm\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .sm\:table-column-group { + display: table-column-group; } - .sm\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .sm\:table-footer-group { + display: table-footer-group; } - .sm\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .sm\:table-header-group { + display: table-header-group; } - .sm\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .sm\:table-row-group { + display: table-row-group; } - .sm\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .sm\:table-row { + display: table-row; } - .sm\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .sm\:flow-root { + display: flow-root; } - .sm\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .sm\:grid { + display: grid; } - .sm\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:inline-grid { + display: inline-grid; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:hidden { + display: none; } - .sm\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:flex-row { + flex-direction: row; } - .sm\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:flex-row-reverse { + flex-direction: row-reverse; } - .sm\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:flex-col { + flex-direction: column; } - .sm\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:flex-col-reverse { + flex-direction: column-reverse; } - .sm\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:flex-wrap { + flex-wrap: wrap; } - .sm\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .sm\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:flex-no-wrap { + flex-wrap: nowrap; } - .sm\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:items-start { + align-items: flex-start; } - .sm\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:items-end { + align-items: flex-end; } - .sm\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:items-center { + align-items: center; } - .sm\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .sm\:items-baseline { + align-items: baseline; } - .sm\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .sm\:items-stretch { + align-items: stretch; } - .sm\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:self-auto { + align-self: auto; } - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:self-start { + align-self: flex-start; } - .sm\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:self-end { + align-self: flex-end; } - .sm\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:self-center { + align-self: center; } - .sm\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .sm\:self-stretch { + align-self: stretch; } - .sm\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .sm\:justify-start { + justify-content: flex-start; } - .sm\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .sm\:justify-end { + justify-content: flex-end; } - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .sm\:justify-center { + justify-content: center; } - .sm\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .sm\:justify-between { + justify-content: space-between; } - .sm\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .sm\:justify-around { + justify-content: space-around; } - .sm\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .sm\:justify-evenly { + justify-content: space-evenly; } - .sm\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .sm\:content-center { + align-content: center; } - .sm\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .sm\:content-start { + align-content: flex-start; } - .sm\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .sm\:content-end { + align-content: flex-end; } - .sm\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .sm\:content-between { + align-content: space-between; } - .sm\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .sm\:content-around { + align-content: space-around; } - .sm\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .sm\:flex-1 { + flex: 1 1 0%; } - .sm\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .sm\:flex-auto { + flex: 1 1 auto; } - .sm\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .sm\:flex-initial { + flex: 0 1 auto; } - .sm\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .sm\:flex-none { + flex: none; } - .sm\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .sm\:flex-grow-0 { + flex-grow: 0; } - .sm\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .sm\:flex-grow { + flex-grow: 1; } - .sm\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .sm\:flex-shrink-0 { + flex-shrink: 0; } - .sm\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .sm\:flex-shrink { + flex-shrink: 1; } - .sm\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:order-1 { + order: 1; } - .sm\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:order-2 { + order: 2; } - .sm\:mt-0 { - margin-top: 0; + .sm\:order-3 { + order: 3; } - .sm\:mr-0 { - margin-right: 0; + .sm\:order-4 { + order: 4; } - .sm\:mb-0 { - margin-bottom: 0; + .sm\:order-5 { + order: 5; } - .sm\:ml-0 { - margin-left: 0; + .sm\:order-6 { + order: 6; } - .sm\:mt-1 { - margin-top: 0.25rem; + .sm\:order-7 { + order: 7; } - .sm\:mr-1 { - margin-right: 0.25rem; + .sm\:order-8 { + order: 8; } - .sm\:mb-1 { - margin-bottom: 0.25rem; + .sm\:order-9 { + order: 9; } - .sm\:ml-1 { - margin-left: 0.25rem; + .sm\:order-10 { + order: 10; } - .sm\:mt-2 { - margin-top: 0.5rem; + .sm\:order-11 { + order: 11; } - .sm\:mr-2 { - margin-right: 0.5rem; + .sm\:order-12 { + order: 12; } - .sm\:mb-2 { - margin-bottom: 0.5rem; + .sm\:order-first { + order: -9999; } - .sm\:ml-2 { - margin-left: 0.5rem; + .sm\:order-last { + order: 9999; } - .sm\:mt-3 { - margin-top: 0.75rem; + .sm\:order-none { + order: 0; } - .sm\:mr-3 { - margin-right: 0.75rem; + .sm\:float-right { + float: right; } - .sm\:mb-3 { - margin-bottom: 0.75rem; + .sm\:float-left { + float: left; } - .sm\:ml-3 { - margin-left: 0.75rem; + .sm\:float-none { + float: none; } - .sm\:mt-4 { - margin-top: 1rem; + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; } - .sm\:mr-4 { - margin-right: 1rem; + .sm\:clear-left { + clear: left; } - .sm\:mb-4 { - margin-bottom: 1rem; - } - - .sm\:ml-4 { - margin-left: 1rem; + .sm\:clear-right { + clear: right; } - .sm\:mt-5 { - margin-top: 1.25rem; + .sm\:clear-both { + clear: both; } - .sm\:mr-5 { - margin-right: 1.25rem; + .sm\:clear-none { + clear: none; } - .sm\:mb-5 { - margin-bottom: 1.25rem; + .sm\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } - .sm\:ml-5 { - margin-left: 1.25rem; + .sm\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .sm\:mt-6 { - margin-top: 1.5rem; + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .sm\:mr-6 { - margin-right: 1.5rem; + .sm\:font-hairline { + font-weight: 100; } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .sm\:font-thin { + font-weight: 200; } - .sm\:ml-6 { - margin-left: 1.5rem; + .sm\:font-light { + font-weight: 300; } - .sm\:mt-8 { - margin-top: 2rem; + .sm\:font-normal { + font-weight: 400; } - .sm\:mr-8 { - margin-right: 2rem; + .sm\:font-medium { + font-weight: 500; } - .sm\:mb-8 { - margin-bottom: 2rem; + .sm\:font-semibold { + font-weight: 600; } - .sm\:ml-8 { - margin-left: 2rem; + .sm\:font-bold { + font-weight: 700; } - .sm\:mt-10 { - margin-top: 2.5rem; + .sm\:font-extrabold { + font-weight: 800; } - .sm\:mr-10 { - margin-right: 2.5rem; + .sm\:font-black { + font-weight: 900; } - .sm\:mb-10 { - margin-bottom: 2.5rem; + .sm\:hover\:font-hairline:hover { + font-weight: 100; } - .sm\:ml-10 { - margin-left: 2.5rem; + .sm\:hover\:font-thin:hover { + font-weight: 200; } - .sm\:mt-12 { - margin-top: 3rem; + .sm\:hover\:font-light:hover { + font-weight: 300; } - .sm\:mr-12 { - margin-right: 3rem; + .sm\:hover\:font-normal:hover { + font-weight: 400; } - .sm\:mb-12 { - margin-bottom: 3rem; + .sm\:hover\:font-medium:hover { + font-weight: 500; } - .sm\:ml-12 { - margin-left: 3rem; + .sm\:hover\:font-semibold:hover { + font-weight: 600; } - .sm\:mt-16 { - margin-top: 4rem; + .sm\:hover\:font-bold:hover { + font-weight: 700; } - .sm\:mr-16 { - margin-right: 4rem; + .sm\:hover\:font-extrabold:hover { + font-weight: 800; } - .sm\:mb-16 { - margin-bottom: 4rem; + .sm\:hover\:font-black:hover { + font-weight: 900; } - .sm\:ml-16 { - margin-left: 4rem; + .sm\:focus\:font-hairline:focus { + font-weight: 100; } - .sm\:mt-20 { - margin-top: 5rem; + .sm\:focus\:font-thin:focus { + font-weight: 200; } - .sm\:mr-20 { - margin-right: 5rem; + .sm\:focus\:font-light:focus { + font-weight: 300; } - .sm\:mb-20 { - margin-bottom: 5rem; + .sm\:focus\:font-normal:focus { + font-weight: 400; } - .sm\:ml-20 { - margin-left: 5rem; + .sm\:focus\:font-medium:focus { + font-weight: 500; } - .sm\:mt-24 { - margin-top: 6rem; + .sm\:focus\:font-semibold:focus { + font-weight: 600; } - .sm\:mr-24 { - margin-right: 6rem; + .sm\:focus\:font-bold:focus { + font-weight: 700; } - .sm\:mb-24 { - margin-bottom: 6rem; + .sm\:focus\:font-extrabold:focus { + font-weight: 800; } - .sm\:ml-24 { - margin-left: 6rem; + .sm\:focus\:font-black:focus { + font-weight: 900; } - .sm\:mt-32 { - margin-top: 8rem; + .sm\:h-0 { + height: 0; } - .sm\:mr-32 { - margin-right: 8rem; + .sm\:h-1 { + height: 0.25rem; } - .sm\:mb-32 { - margin-bottom: 8rem; + .sm\:h-2 { + height: 0.5rem; } - .sm\:ml-32 { - margin-left: 8rem; + .sm\:h-3 { + height: 0.75rem; } - .sm\:mt-40 { - margin-top: 10rem; + .sm\:h-4 { + height: 1rem; } - .sm\:mr-40 { - margin-right: 10rem; + .sm\:h-5 { + height: 1.25rem; } - .sm\:mb-40 { - margin-bottom: 10rem; + .sm\:h-6 { + height: 1.5rem; } - .sm\:ml-40 { - margin-left: 10rem; + .sm\:h-8 { + height: 2rem; } - .sm\:mt-48 { - margin-top: 12rem; + .sm\:h-10 { + height: 2.5rem; } - .sm\:mr-48 { - margin-right: 12rem; + .sm\:h-12 { + height: 3rem; } - .sm\:mb-48 { - margin-bottom: 12rem; + .sm\:h-16 { + height: 4rem; } - .sm\:ml-48 { - margin-left: 12rem; + .sm\:h-20 { + height: 5rem; } - .sm\:mt-56 { - margin-top: 14rem; + .sm\:h-24 { + height: 6rem; } - .sm\:mr-56 { - margin-right: 14rem; + .sm\:h-32 { + height: 8rem; } - .sm\:mb-56 { - margin-bottom: 14rem; + .sm\:h-40 { + height: 10rem; } - .sm\:ml-56 { - margin-left: 14rem; + .sm\:h-48 { + height: 12rem; } - .sm\:mt-64 { - margin-top: 16rem; + .sm\:h-56 { + height: 14rem; } - .sm\:mr-64 { - margin-right: 16rem; + .sm\:h-64 { + height: 16rem; } - .sm\:mb-64 { - margin-bottom: 16rem; + .sm\:h-auto { + height: auto; } - .sm\:ml-64 { - margin-left: 16rem; + .sm\:h-px { + height: 1px; } - .sm\:mt-auto { - margin-top: auto; + .sm\:h-full { + height: 100%; } - .sm\:mr-auto { - margin-right: auto; + .sm\:h-screen { + height: 100vh; } - .sm\:mb-auto { - margin-bottom: auto; + .sm\:text-xs { + font-size: 0.75rem; } - .sm\:ml-auto { - margin-left: auto; + .sm\:text-sm { + font-size: 0.875rem; } - .sm\:mt-px { - margin-top: 1px; + .sm\:text-base { + font-size: 1rem; } - .sm\:mr-px { - margin-right: 1px; + .sm\:text-lg { + font-size: 1.125rem; } - .sm\:mb-px { - margin-bottom: 1px; + .sm\:text-xl { + font-size: 1.25rem; } - .sm\:ml-px { - margin-left: 1px; + .sm\:text-2xl { + font-size: 1.5rem; } - .sm\:-mt-1 { - margin-top: -0.25rem; + .sm\:text-3xl { + font-size: 1.875rem; } - .sm\:-mr-1 { - margin-right: -0.25rem; + .sm\:text-4xl { + font-size: 2.25rem; } - .sm\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:text-5xl { + font-size: 3rem; } - .sm\:-ml-1 { - margin-left: -0.25rem; + .sm\:text-6xl { + font-size: 4rem; } - .sm\:-mt-2 { - margin-top: -0.5rem; + .sm\:leading-3 { + line-height: .75rem; } - .sm\:-mr-2 { - margin-right: -0.5rem; + .sm\:leading-4 { + line-height: 1rem; } - .sm\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:leading-5 { + line-height: 1.25rem; } - .sm\:-ml-2 { - margin-left: -0.5rem; + .sm\:leading-6 { + line-height: 1.5rem; } - .sm\:-mt-3 { - margin-top: -0.75rem; + .sm\:leading-7 { + line-height: 1.75rem; } - .sm\:-mr-3 { - margin-right: -0.75rem; + .sm\:leading-8 { + line-height: 2rem; } - .sm\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:leading-9 { + line-height: 2.25rem; } - .sm\:-ml-3 { - margin-left: -0.75rem; + .sm\:leading-10 { + line-height: 2.5rem; } - .sm\:-mt-4 { - margin-top: -1rem; + .sm\:leading-none { + line-height: 1; } - .sm\:-mr-4 { - margin-right: -1rem; + .sm\:leading-tight { + line-height: 1.25; } - .sm\:-mb-4 { - margin-bottom: -1rem; + .sm\:leading-snug { + line-height: 1.375; } - .sm\:-ml-4 { - margin-left: -1rem; + .sm\:leading-normal { + line-height: 1.5; } - .sm\:-mt-5 { - margin-top: -1.25rem; + .sm\:leading-relaxed { + line-height: 1.625; } - .sm\:-mr-5 { - margin-right: -1.25rem; + .sm\:leading-loose { + line-height: 2; } - .sm\:-mb-5 { - margin-bottom: -1.25rem; + .sm\:list-inside { + list-style-position: inside; } - .sm\:-ml-5 { - margin-left: -1.25rem; + .sm\:list-outside { + list-style-position: outside; } - .sm\:-mt-6 { - margin-top: -1.5rem; + .sm\:list-none { + list-style-type: none; } - .sm\:-mr-6 { - margin-right: -1.5rem; + .sm\:list-disc { + list-style-type: disc; } - .sm\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:list-decimal { + list-style-type: decimal; } - .sm\:-ml-6 { - margin-left: -1.5rem; + .sm\:m-0 { + margin: 0; } - .sm\:-mt-8 { - margin-top: -2rem; + .sm\:m-1 { + margin: 0.25rem; } - .sm\:-mr-8 { - margin-right: -2rem; + .sm\:m-2 { + margin: 0.5rem; } - .sm\:-mb-8 { - margin-bottom: -2rem; + .sm\:m-3 { + margin: 0.75rem; } - .sm\:-ml-8 { - margin-left: -2rem; + .sm\:m-4 { + margin: 1rem; } - .sm\:-mt-10 { - margin-top: -2.5rem; + .sm\:m-5 { + margin: 1.25rem; } - .sm\:-mr-10 { - margin-right: -2.5rem; + .sm\:m-6 { + margin: 1.5rem; } - .sm\:-mb-10 { - margin-bottom: -2.5rem; + .sm\:m-8 { + margin: 2rem; } - .sm\:-ml-10 { - margin-left: -2.5rem; + .sm\:m-10 { + margin: 2.5rem; } - .sm\:-mt-12 { - margin-top: -3rem; + .sm\:m-12 { + margin: 3rem; } - .sm\:-mr-12 { - margin-right: -3rem; + .sm\:m-16 { + margin: 4rem; } - .sm\:-mb-12 { - margin-bottom: -3rem; + .sm\:m-20 { + margin: 5rem; } - .sm\:-ml-12 { - margin-left: -3rem; + .sm\:m-24 { + margin: 6rem; } - .sm\:-mt-16 { - margin-top: -4rem; + .sm\:m-32 { + margin: 8rem; } - .sm\:-mr-16 { - margin-right: -4rem; + .sm\:m-40 { + margin: 10rem; } - .sm\:-mb-16 { - margin-bottom: -4rem; + .sm\:m-48 { + margin: 12rem; } - .sm\:-ml-16 { - margin-left: -4rem; + .sm\:m-56 { + margin: 14rem; } - .sm\:-mt-20 { - margin-top: -5rem; + .sm\:m-64 { + margin: 16rem; } - .sm\:-mr-20 { - margin-right: -5rem; + .sm\:m-auto { + margin: auto; } - .sm\:-mb-20 { - margin-bottom: -5rem; + .sm\:m-px { + margin: 1px; } - .sm\:-ml-20 { - margin-left: -5rem; + .sm\:-m-1 { + margin: -0.25rem; } - .sm\:-mt-24 { - margin-top: -6rem; + .sm\:-m-2 { + margin: -0.5rem; } - .sm\:-mr-24 { - margin-right: -6rem; + .sm\:-m-3 { + margin: -0.75rem; } - .sm\:-mb-24 { - margin-bottom: -6rem; + .sm\:-m-4 { + margin: -1rem; } - .sm\:-ml-24 { - margin-left: -6rem; + .sm\:-m-5 { + margin: -1.25rem; } - .sm\:-mt-32 { - margin-top: -8rem; + .sm\:-m-6 { + margin: -1.5rem; } - .sm\:-mr-32 { - margin-right: -8rem; + .sm\:-m-8 { + margin: -2rem; } - .sm\:-mb-32 { - margin-bottom: -8rem; + .sm\:-m-10 { + margin: -2.5rem; } - .sm\:-ml-32 { - margin-left: -8rem; + .sm\:-m-12 { + margin: -3rem; } - .sm\:-mt-40 { - margin-top: -10rem; + .sm\:-m-16 { + margin: -4rem; } - .sm\:-mr-40 { - margin-right: -10rem; + .sm\:-m-20 { + margin: -5rem; } - .sm\:-mb-40 { - margin-bottom: -10rem; + .sm\:-m-24 { + margin: -6rem; } - .sm\:-ml-40 { - margin-left: -10rem; + .sm\:-m-32 { + margin: -8rem; } - .sm\:-mt-48 { - margin-top: -12rem; + .sm\:-m-40 { + margin: -10rem; } - .sm\:-mr-48 { - margin-right: -12rem; + .sm\:-m-48 { + margin: -12rem; } - .sm\:-mb-48 { - margin-bottom: -12rem; + .sm\:-m-56 { + margin: -14rem; } - .sm\:-ml-48 { - margin-left: -12rem; + .sm\:-m-64 { + margin: -16rem; } - .sm\:-mt-56 { - margin-top: -14rem; + .sm\:-m-px { + margin: -1px; } - .sm\:-mr-56 { - margin-right: -14rem; + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .sm\:-mb-56 { - margin-bottom: -14rem; + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; } - .sm\:-ml-56 { - margin-left: -14rem; + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .sm\:-mt-64 { - margin-top: -16rem; + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:-mr-64 { - margin-right: -16rem; + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .sm\:-mb-64 { - margin-bottom: -16rem; + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:-ml-64 { - margin-left: -16rem; + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .sm\:-mt-px { - margin-top: -1px; + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:-mr-px { - margin-right: -1px; + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .sm\:-mb-px { - margin-bottom: -1px; + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .sm\:-ml-px { - margin-left: -1px; + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .sm\:max-h-full { - max-height: 100%; + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .sm\:max-h-screen { - max-height: 100vh; + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .sm\:max-w-none { - max-width: none; + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .sm\:max-w-xs { - max-width: 20rem; + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .sm\:max-w-sm { - max-width: 24rem; + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .sm\:max-w-md { - max-width: 28rem; + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .sm\:max-w-lg { - max-width: 32rem; + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .sm\:max-w-xl { - max-width: 36rem; + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .sm\:max-w-2xl { - max-width: 42rem; + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .sm\:max-w-3xl { - max-width: 48rem; + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .sm\:max-w-4xl { - max-width: 56rem; + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .sm\:max-w-5xl { - max-width: 64rem; + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .sm\:max-w-6xl { - max-width: 72rem; + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .sm\:max-w-full { - max-width: 100%; + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .sm\:max-w-screen-sm { - max-width: 640px; + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .sm\:max-w-screen-md { - max-width: 768px; + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .sm\:max-w-screen-lg { - max-width: 1024px; + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .sm\:max-w-screen-xl { - max-width: 1280px; + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .sm\:min-h-0 { - min-height: 0; + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .sm\:min-h-full { - min-height: 100%; + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .sm\:min-h-screen { - min-height: 100vh; + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .sm\:min-w-0 { - min-width: 0; + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .sm\:min-w-full { - min-width: 100%; + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .sm\:object-contain { - object-fit: contain; + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .sm\:object-cover { - object-fit: cover; + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .sm\:object-fill { - object-fit: fill; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .sm\:object-none { - object-fit: none; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .sm\:object-scale-down { - object-fit: scale-down; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .sm\:object-bottom { - object-position: bottom; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .sm\:object-center { - object-position: center; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .sm\:object-left { - object-position: left; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .sm\:object-left-bottom { - object-position: left bottom; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .sm\:object-left-top { - object-position: left top; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .sm\:object-right { - object-position: right; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .sm\:object-right-bottom { - object-position: right bottom; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .sm\:object-right-top { - object-position: right top; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .sm\:object-top { - object-position: top; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .sm\:opacity-0 { - opacity: 0; + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .sm\:opacity-25 { - opacity: 0.25; + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .sm\:opacity-50 { - opacity: 0.5; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .sm\:opacity-75 { - opacity: 0.75; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .sm\:opacity-100 { - opacity: 1; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .sm\:hover\:opacity-0:hover { - opacity: 0; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .sm\:hover\:opacity-25:hover { - opacity: 0.25; + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .sm\:hover\:opacity-50:hover { - opacity: 0.5; + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .sm\:hover\:opacity-75:hover { - opacity: 0.75; + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .sm\:hover\:opacity-100:hover { - opacity: 1; + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .sm\:focus\:opacity-0:focus { - opacity: 0; + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .sm\:focus\:opacity-25:focus { - opacity: 0.25; + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .sm\:focus\:opacity-50:focus { - opacity: 0.5; + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .sm\:focus\:opacity-75:focus { - opacity: 0.75; + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .sm\:focus\:opacity-100:focus { - opacity: 1; + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .sm\:outline-none { - outline: 0; + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .sm\:focus\:outline-none:focus { - outline: 0; + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .sm\:overflow-auto { - overflow: auto; + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .sm\:overflow-hidden { - overflow: hidden; + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .sm\:overflow-visible { - overflow: visible; + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .sm\:overflow-scroll { - overflow: scroll; + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .sm\:overflow-x-auto { - overflow-x: auto; + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .sm\:overflow-y-auto { - overflow-y: auto; + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .sm\:overflow-x-hidden { - overflow-x: hidden; + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .sm\:overflow-y-hidden { - overflow-y: hidden; + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .sm\:overflow-x-visible { - overflow-x: visible; + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .sm\:overflow-y-visible { - overflow-y: visible; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .sm\:overflow-x-scroll { - overflow-x: scroll; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .sm\:overflow-y-scroll { - overflow-y: scroll; + .sm\:mt-0 { + margin-top: 0; } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .sm\:mr-0 { + margin-right: 0; } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .sm\:mb-0 { + margin-bottom: 0; } - .sm\:p-0 { - padding: 0; + .sm\:ml-0 { + margin-left: 0; } - .sm\:p-1 { - padding: 0.25rem; + .sm\:mt-1 { + margin-top: 0.25rem; } - .sm\:p-2 { - padding: 0.5rem; + .sm\:mr-1 { + margin-right: 0.25rem; } - .sm\:p-3 { - padding: 0.75rem; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .sm\:p-4 { - padding: 1rem; + .sm\:ml-1 { + margin-left: 0.25rem; } - .sm\:p-5 { - padding: 1.25rem; + .sm\:mt-2 { + margin-top: 0.5rem; } - .sm\:p-6 { - padding: 1.5rem; + .sm\:mr-2 { + margin-right: 0.5rem; } - .sm\:p-8 { - padding: 2rem; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .sm\:p-10 { - padding: 2.5rem; + .sm\:ml-2 { + margin-left: 0.5rem; } - .sm\:p-12 { - padding: 3rem; + .sm\:mt-3 { + margin-top: 0.75rem; } - .sm\:p-16 { - padding: 4rem; + .sm\:mr-3 { + margin-right: 0.75rem; } - .sm\:p-20 { - padding: 5rem; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .sm\:p-24 { - padding: 6rem; + .sm\:ml-3 { + margin-left: 0.75rem; } - .sm\:p-32 { - padding: 8rem; + .sm\:mt-4 { + margin-top: 1rem; } - .sm\:p-40 { - padding: 10rem; + .sm\:mr-4 { + margin-right: 1rem; } - .sm\:p-48 { - padding: 12rem; + .sm\:mb-4 { + margin-bottom: 1rem; } - .sm\:p-56 { - padding: 14rem; + .sm\:ml-4 { + margin-left: 1rem; } - .sm\:p-64 { - padding: 16rem; + .sm\:mt-5 { + margin-top: 1.25rem; } - .sm\:p-px { - padding: 1px; + .sm\:mr-5 { + margin-right: 1.25rem; } - .sm\:py-0 { - padding-top: 0; - padding-bottom: 0; + .sm\:mb-5 { + margin-bottom: 1.25rem; } - .sm\:px-0 { - padding-left: 0; - padding-right: 0; + .sm\:ml-5 { + margin-left: 1.25rem; } - .sm\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .sm\:mt-6 { + margin-top: 1.5rem; } - .sm\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .sm\:mr-6 { + margin-right: 1.5rem; } - .sm\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .sm\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .sm\:ml-6 { + margin-left: 1.5rem; } - .sm\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .sm\:mt-8 { + margin-top: 2rem; } - .sm\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .sm\:mr-8 { + margin-right: 2rem; } - .sm\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .sm\:mb-8 { + margin-bottom: 2rem; } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .sm\:ml-8 { + margin-left: 2rem; } - .sm\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .sm\:mt-10 { + margin-top: 2.5rem; } - .sm\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .sm\:mr-10 { + margin-right: 2.5rem; } - .sm\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .sm\:mb-10 { + margin-bottom: 2.5rem; } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } + .sm\:ml-10 { + margin-left: 2.5rem; + } - .sm\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .sm\:mt-12 { + margin-top: 3rem; } - .sm\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .sm\:mr-12 { + margin-right: 3rem; } - .sm\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .sm\:mb-12 { + margin-bottom: 3rem; } - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .sm\:ml-12 { + margin-left: 3rem; } - .sm\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .sm\:mt-16 { + margin-top: 4rem; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:mr-16 { + margin-right: 4rem; } - .sm\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .sm\:mb-16 { + margin-bottom: 4rem; } - .sm\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .sm\:ml-16 { + margin-left: 4rem; } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:mt-20 { + margin-top: 5rem; } - .sm\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .sm\:mr-20 { + margin-right: 5rem; } - .sm\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .sm\:mb-20 { + margin-bottom: 5rem; } - .sm\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .sm\:ml-20 { + margin-left: 5rem; } - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .sm\:mt-24 { + margin-top: 6rem; } - .sm\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .sm\:mr-24 { + margin-right: 6rem; } - .sm\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .sm\:mb-24 { + margin-bottom: 6rem; } - .sm\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .sm\:ml-24 { + margin-left: 6rem; } - .sm\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .sm\:mt-32 { + margin-top: 8rem; } - .sm\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .sm\:mr-32 { + margin-right: 8rem; } - .sm\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .sm\:mb-32 { + margin-bottom: 8rem; } - .sm\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .sm\:ml-32 { + margin-left: 8rem; } - .sm\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .sm\:mt-40 { + margin-top: 10rem; } - .sm\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .sm\:mr-40 { + margin-right: 10rem; } - .sm\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .sm\:mb-40 { + margin-bottom: 10rem; } - .sm\:px-px { - padding-left: 1px; - padding-right: 1px; + .sm\:ml-40 { + margin-left: 10rem; } - .sm\:pt-0 { - padding-top: 0; + .sm\:mt-48 { + margin-top: 12rem; } - .sm\:pr-0 { - padding-right: 0; + .sm\:mr-48 { + margin-right: 12rem; } - .sm\:pb-0 { - padding-bottom: 0; + .sm\:mb-48 { + margin-bottom: 12rem; } - .sm\:pl-0 { - padding-left: 0; + .sm\:ml-48 { + margin-left: 12rem; } - .sm\:pt-1 { - padding-top: 0.25rem; + .sm\:mt-56 { + margin-top: 14rem; } - .sm\:pr-1 { - padding-right: 0.25rem; + .sm\:mr-56 { + margin-right: 14rem; } - .sm\:pb-1 { - padding-bottom: 0.25rem; + .sm\:mb-56 { + margin-bottom: 14rem; } - .sm\:pl-1 { - padding-left: 0.25rem; + .sm\:ml-56 { + margin-left: 14rem; } - .sm\:pt-2 { - padding-top: 0.5rem; + .sm\:mt-64 { + margin-top: 16rem; } - .sm\:pr-2 { - padding-right: 0.5rem; + .sm\:mr-64 { + margin-right: 16rem; } - .sm\:pb-2 { - padding-bottom: 0.5rem; + .sm\:mb-64 { + margin-bottom: 16rem; } - .sm\:pl-2 { - padding-left: 0.5rem; + .sm\:ml-64 { + margin-left: 16rem; } - .sm\:pt-3 { - padding-top: 0.75rem; + .sm\:mt-auto { + margin-top: auto; } - .sm\:pr-3 { - padding-right: 0.75rem; + .sm\:mr-auto { + margin-right: auto; } - .sm\:pb-3 { - padding-bottom: 0.75rem; + .sm\:mb-auto { + margin-bottom: auto; } - .sm\:pl-3 { - padding-left: 0.75rem; + .sm\:ml-auto { + margin-left: auto; } - .sm\:pt-4 { - padding-top: 1rem; + .sm\:mt-px { + margin-top: 1px; } - .sm\:pr-4 { - padding-right: 1rem; + .sm\:mr-px { + margin-right: 1px; } - .sm\:pb-4 { - padding-bottom: 1rem; + .sm\:mb-px { + margin-bottom: 1px; } - .sm\:pl-4 { - padding-left: 1rem; + .sm\:ml-px { + margin-left: 1px; } - .sm\:pt-5 { - padding-top: 1.25rem; + .sm\:-mt-1 { + margin-top: -0.25rem; } - .sm\:pr-5 { - padding-right: 1.25rem; + .sm\:-mr-1 { + margin-right: -0.25rem; } - .sm\:pb-5 { - padding-bottom: 1.25rem; + .sm\:-mb-1 { + margin-bottom: -0.25rem; } - .sm\:pl-5 { - padding-left: 1.25rem; + .sm\:-ml-1 { + margin-left: -0.25rem; } - .sm\:pt-6 { - padding-top: 1.5rem; + .sm\:-mt-2 { + margin-top: -0.5rem; } - .sm\:pr-6 { - padding-right: 1.5rem; + .sm\:-mr-2 { + margin-right: -0.5rem; } - .sm\:pb-6 { - padding-bottom: 1.5rem; + .sm\:-mb-2 { + margin-bottom: -0.5rem; } - .sm\:pl-6 { - padding-left: 1.5rem; + .sm\:-ml-2 { + margin-left: -0.5rem; } - .sm\:pt-8 { - padding-top: 2rem; + .sm\:-mt-3 { + margin-top: -0.75rem; } - .sm\:pr-8 { - padding-right: 2rem; + .sm\:-mr-3 { + margin-right: -0.75rem; } - .sm\:pb-8 { - padding-bottom: 2rem; + .sm\:-mb-3 { + margin-bottom: -0.75rem; } - .sm\:pl-8 { - padding-left: 2rem; + .sm\:-ml-3 { + margin-left: -0.75rem; } - .sm\:pt-10 { - padding-top: 2.5rem; + .sm\:-mt-4 { + margin-top: -1rem; } - .sm\:pr-10 { - padding-right: 2.5rem; + .sm\:-mr-4 { + margin-right: -1rem; } - .sm\:pb-10 { - padding-bottom: 2.5rem; + .sm\:-mb-4 { + margin-bottom: -1rem; } - .sm\:pl-10 { - padding-left: 2.5rem; + .sm\:-ml-4 { + margin-left: -1rem; } - .sm\:pt-12 { - padding-top: 3rem; + .sm\:-mt-5 { + margin-top: -1.25rem; } - .sm\:pr-12 { - padding-right: 3rem; + .sm\:-mr-5 { + margin-right: -1.25rem; } - .sm\:pb-12 { - padding-bottom: 3rem; + .sm\:-mb-5 { + margin-bottom: -1.25rem; } - .sm\:pl-12 { - padding-left: 3rem; + .sm\:-ml-5 { + margin-left: -1.25rem; } - .sm\:pt-16 { - padding-top: 4rem; + .sm\:-mt-6 { + margin-top: -1.5rem; } - .sm\:pr-16 { - padding-right: 4rem; + .sm\:-mr-6 { + margin-right: -1.5rem; } - .sm\:pb-16 { - padding-bottom: 4rem; + .sm\:-mb-6 { + margin-bottom: -1.5rem; } - .sm\:pl-16 { - padding-left: 4rem; + .sm\:-ml-6 { + margin-left: -1.5rem; } - .sm\:pt-20 { - padding-top: 5rem; + .sm\:-mt-8 { + margin-top: -2rem; } - .sm\:pr-20 { - padding-right: 5rem; + .sm\:-mr-8 { + margin-right: -2rem; } - .sm\:pb-20 { - padding-bottom: 5rem; + .sm\:-mb-8 { + margin-bottom: -2rem; } - .sm\:pl-20 { - padding-left: 5rem; + .sm\:-ml-8 { + margin-left: -2rem; } - .sm\:pt-24 { - padding-top: 6rem; + .sm\:-mt-10 { + margin-top: -2.5rem; } - .sm\:pr-24 { - padding-right: 6rem; + .sm\:-mr-10 { + margin-right: -2.5rem; } - .sm\:pb-24 { - padding-bottom: 6rem; + .sm\:-mb-10 { + margin-bottom: -2.5rem; } - .sm\:pl-24 { - padding-left: 6rem; + .sm\:-ml-10 { + margin-left: -2.5rem; } - .sm\:pt-32 { - padding-top: 8rem; + .sm\:-mt-12 { + margin-top: -3rem; } - .sm\:pr-32 { - padding-right: 8rem; + .sm\:-mr-12 { + margin-right: -3rem; } - .sm\:pb-32 { - padding-bottom: 8rem; + .sm\:-mb-12 { + margin-bottom: -3rem; } - .sm\:pl-32 { - padding-left: 8rem; + .sm\:-ml-12 { + margin-left: -3rem; } - .sm\:pt-40 { - padding-top: 10rem; + .sm\:-mt-16 { + margin-top: -4rem; } - .sm\:pr-40 { - padding-right: 10rem; + .sm\:-mr-16 { + margin-right: -4rem; } - .sm\:pb-40 { - padding-bottom: 10rem; + .sm\:-mb-16 { + margin-bottom: -4rem; } - .sm\:pl-40 { - padding-left: 10rem; + .sm\:-ml-16 { + margin-left: -4rem; } - .sm\:pt-48 { - padding-top: 12rem; + .sm\:-mt-20 { + margin-top: -5rem; } - .sm\:pr-48 { - padding-right: 12rem; + .sm\:-mr-20 { + margin-right: -5rem; } - .sm\:pb-48 { - padding-bottom: 12rem; + .sm\:-mb-20 { + margin-bottom: -5rem; } - .sm\:pl-48 { - padding-left: 12rem; + .sm\:-ml-20 { + margin-left: -5rem; } - .sm\:pt-56 { - padding-top: 14rem; + .sm\:-mt-24 { + margin-top: -6rem; } - .sm\:pr-56 { - padding-right: 14rem; + .sm\:-mr-24 { + margin-right: -6rem; } - .sm\:pb-56 { - padding-bottom: 14rem; + .sm\:-mb-24 { + margin-bottom: -6rem; } - .sm\:pl-56 { - padding-left: 14rem; + .sm\:-ml-24 { + margin-left: -6rem; } - .sm\:pt-64 { - padding-top: 16rem; + .sm\:-mt-32 { + margin-top: -8rem; } - .sm\:pr-64 { - padding-right: 16rem; + .sm\:-mr-32 { + margin-right: -8rem; } - .sm\:pb-64 { - padding-bottom: 16rem; + .sm\:-mb-32 { + margin-bottom: -8rem; } - .sm\:pl-64 { - padding-left: 16rem; + .sm\:-ml-32 { + margin-left: -8rem; } - .sm\:pt-px { - padding-top: 1px; + .sm\:-mt-40 { + margin-top: -10rem; } - .sm\:pr-px { - padding-right: 1px; + .sm\:-mr-40 { + margin-right: -10rem; } - .sm\:pb-px { - padding-bottom: 1px; + .sm\:-mb-40 { + margin-bottom: -10rem; } - .sm\:pl-px { - padding-left: 1px; + .sm\:-ml-40 { + margin-left: -10rem; } - .sm\:placeholder-transparent::placeholder { - color: transparent; + .sm\:-mt-48 { + margin-top: -12rem; } - .sm\:placeholder-black::placeholder { - color: #000; + .sm\:-mr-48 { + margin-right: -12rem; } - .sm\:placeholder-white::placeholder { - color: #fff; + .sm\:-mb-48 { + margin-bottom: -12rem; } - .sm\:placeholder-gray-100::placeholder { - color: #f7fafc; + .sm\:-ml-48 { + margin-left: -12rem; } - .sm\:placeholder-gray-200::placeholder { - color: #edf2f7; + .sm\:-mt-56 { + margin-top: -14rem; } - .sm\:placeholder-gray-300::placeholder { - color: #e2e8f0; + .sm\:-mr-56 { + margin-right: -14rem; } - .sm\:placeholder-gray-400::placeholder { - color: #cbd5e0; + .sm\:-mb-56 { + margin-bottom: -14rem; } - .sm\:placeholder-gray-500::placeholder { - color: #a0aec0; + .sm\:-ml-56 { + margin-left: -14rem; } - .sm\:placeholder-gray-600::placeholder { - color: #718096; + .sm\:-mt-64 { + margin-top: -16rem; } - .sm\:placeholder-gray-700::placeholder { - color: #4a5568; + .sm\:-mr-64 { + margin-right: -16rem; } - .sm\:placeholder-gray-800::placeholder { - color: #2d3748; + .sm\:-mb-64 { + margin-bottom: -16rem; } - .sm\:placeholder-gray-900::placeholder { - color: #1a202c; + .sm\:-ml-64 { + margin-left: -16rem; } - .sm\:placeholder-red-100::placeholder { - color: #fff5f5; + .sm\:-mt-px { + margin-top: -1px; } - .sm\:placeholder-red-200::placeholder { - color: #fed7d7; + .sm\:-mr-px { + margin-right: -1px; } - .sm\:placeholder-red-300::placeholder { - color: #feb2b2; + .sm\:-mb-px { + margin-bottom: -1px; } - .sm\:placeholder-red-400::placeholder { - color: #fc8181; + .sm\:-ml-px { + margin-left: -1px; } - .sm\:placeholder-red-500::placeholder { - color: #f56565; + .sm\:max-h-full { + max-height: 100%; } - .sm\:placeholder-red-600::placeholder { - color: #e53e3e; + .sm\:max-h-screen { + max-height: 100vh; } - .sm\:placeholder-red-700::placeholder { - color: #c53030; + .sm\:max-w-none { + max-width: none; } - .sm\:placeholder-red-800::placeholder { - color: #9b2c2c; + .sm\:max-w-xs { + max-width: 20rem; } - .sm\:placeholder-red-900::placeholder { - color: #742a2a; + .sm\:max-w-sm { + max-width: 24rem; } - .sm\:placeholder-orange-100::placeholder { - color: #fffaf0; + .sm\:max-w-md { + max-width: 28rem; } - .sm\:placeholder-orange-200::placeholder { - color: #feebc8; + .sm\:max-w-lg { + max-width: 32rem; } - .sm\:placeholder-orange-300::placeholder { - color: #fbd38d; + .sm\:max-w-xl { + max-width: 36rem; } - .sm\:placeholder-orange-400::placeholder { - color: #f6ad55; + .sm\:max-w-2xl { + max-width: 42rem; } - .sm\:placeholder-orange-500::placeholder { - color: #ed8936; + .sm\:max-w-3xl { + max-width: 48rem; } - .sm\:placeholder-orange-600::placeholder { - color: #dd6b20; + .sm\:max-w-4xl { + max-width: 56rem; } - .sm\:placeholder-orange-700::placeholder { - color: #c05621; + .sm\:max-w-5xl { + max-width: 64rem; } - .sm\:placeholder-orange-800::placeholder { - color: #9c4221; + .sm\:max-w-6xl { + max-width: 72rem; } - .sm\:placeholder-orange-900::placeholder { - color: #7b341e; + .sm\:max-w-full { + max-width: 100%; } - .sm\:placeholder-yellow-100::placeholder { - color: #fffff0; + .sm\:max-w-screen-sm { + max-width: 640px; } - .sm\:placeholder-yellow-200::placeholder { - color: #fefcbf; + .sm\:max-w-screen-md { + max-width: 768px; } - .sm\:placeholder-yellow-300::placeholder { - color: #faf089; + .sm\:max-w-screen-lg { + max-width: 1024px; } - .sm\:placeholder-yellow-400::placeholder { - color: #f6e05e; + .sm\:max-w-screen-xl { + max-width: 1280px; } - .sm\:placeholder-yellow-500::placeholder { - color: #ecc94b; + .sm\:min-h-0 { + min-height: 0; } - .sm\:placeholder-yellow-600::placeholder { - color: #d69e2e; + .sm\:min-h-full { + min-height: 100%; } - .sm\:placeholder-yellow-700::placeholder { - color: #b7791f; + .sm\:min-h-screen { + min-height: 100vh; } - .sm\:placeholder-yellow-800::placeholder { - color: #975a16; + .sm\:min-w-0 { + min-width: 0; } - .sm\:placeholder-yellow-900::placeholder { - color: #744210; + .sm\:min-w-full { + min-width: 100%; } - .sm\:placeholder-green-100::placeholder { - color: #f0fff4; + .sm\:object-contain { + object-fit: contain; } - .sm\:placeholder-green-200::placeholder { - color: #c6f6d5; + .sm\:object-cover { + object-fit: cover; } - .sm\:placeholder-green-300::placeholder { - color: #9ae6b4; + .sm\:object-fill { + object-fit: fill; } - .sm\:placeholder-green-400::placeholder { - color: #68d391; + .sm\:object-none { + object-fit: none; } - .sm\:placeholder-green-500::placeholder { - color: #48bb78; + .sm\:object-scale-down { + object-fit: scale-down; } - .sm\:placeholder-green-600::placeholder { - color: #38a169; + .sm\:object-bottom { + object-position: bottom; } - .sm\:placeholder-green-700::placeholder { - color: #2f855a; + .sm\:object-center { + object-position: center; } - .sm\:placeholder-green-800::placeholder { - color: #276749; + .sm\:object-left { + object-position: left; } - .sm\:placeholder-green-900::placeholder { - color: #22543d; + .sm\:object-left-bottom { + object-position: left bottom; } - .sm\:placeholder-teal-100::placeholder { - color: #e6fffa; + .sm\:object-left-top { + object-position: left top; } - .sm\:placeholder-teal-200::placeholder { - color: #b2f5ea; + .sm\:object-right { + object-position: right; } - .sm\:placeholder-teal-300::placeholder { - color: #81e6d9; + .sm\:object-right-bottom { + object-position: right bottom; } - .sm\:placeholder-teal-400::placeholder { - color: #4fd1c5; + .sm\:object-right-top { + object-position: right top; } - .sm\:placeholder-teal-500::placeholder { - color: #38b2ac; + .sm\:object-top { + object-position: top; } - .sm\:placeholder-teal-600::placeholder { - color: #319795; + .sm\:opacity-0 { + opacity: 0; } - .sm\:placeholder-teal-700::placeholder { - color: #2c7a7b; + .sm\:opacity-25 { + opacity: 0.25; } - .sm\:placeholder-teal-800::placeholder { - color: #285e61; + .sm\:opacity-50 { + opacity: 0.5; } - .sm\:placeholder-teal-900::placeholder { - color: #234e52; + .sm\:opacity-75 { + opacity: 0.75; } - .sm\:placeholder-blue-100::placeholder { - color: #ebf8ff; + .sm\:opacity-100 { + opacity: 1; } - .sm\:placeholder-blue-200::placeholder { - color: #bee3f8; + .sm\:hover\:opacity-0:hover { + opacity: 0; } - .sm\:placeholder-blue-300::placeholder { - color: #90cdf4; + .sm\:hover\:opacity-25:hover { + opacity: 0.25; } - .sm\:placeholder-blue-400::placeholder { - color: #63b3ed; + .sm\:hover\:opacity-50:hover { + opacity: 0.5; } - .sm\:placeholder-blue-500::placeholder { - color: #4299e1; + .sm\:hover\:opacity-75:hover { + opacity: 0.75; } - .sm\:placeholder-blue-600::placeholder { - color: #3182ce; + .sm\:hover\:opacity-100:hover { + opacity: 1; } - .sm\:placeholder-blue-700::placeholder { - color: #2b6cb0; + .sm\:focus\:opacity-0:focus { + opacity: 0; } - .sm\:placeholder-blue-800::placeholder { - color: #2c5282; + .sm\:focus\:opacity-25:focus { + opacity: 0.25; } - .sm\:placeholder-blue-900::placeholder { - color: #2a4365; + .sm\:focus\:opacity-50:focus { + opacity: 0.5; } - .sm\:placeholder-indigo-100::placeholder { - color: #ebf4ff; + .sm\:focus\:opacity-75:focus { + opacity: 0.75; } - .sm\:placeholder-indigo-200::placeholder { - color: #c3dafe; + .sm\:focus\:opacity-100:focus { + opacity: 1; } - .sm\:placeholder-indigo-300::placeholder { - color: #a3bffa; + .sm\:outline-none { + outline: 0; } - .sm\:placeholder-indigo-400::placeholder { - color: #7f9cf5; + .sm\:focus\:outline-none:focus { + outline: 0; } - .sm\:placeholder-indigo-500::placeholder { - color: #667eea; + .sm\:overflow-auto { + overflow: auto; } - .sm\:placeholder-indigo-600::placeholder { - color: #5a67d8; + .sm\:overflow-hidden { + overflow: hidden; } - .sm\:placeholder-indigo-700::placeholder { - color: #4c51bf; + .sm\:overflow-visible { + overflow: visible; } - .sm\:placeholder-indigo-800::placeholder { - color: #434190; + .sm\:overflow-scroll { + overflow: scroll; } - .sm\:placeholder-indigo-900::placeholder { - color: #3c366b; + .sm\:overflow-x-auto { + overflow-x: auto; } - .sm\:placeholder-purple-100::placeholder { - color: #faf5ff; + .sm\:overflow-y-auto { + overflow-y: auto; } - .sm\:placeholder-purple-200::placeholder { - color: #e9d8fd; + .sm\:overflow-x-hidden { + overflow-x: hidden; } - .sm\:placeholder-purple-300::placeholder { - color: #d6bcfa; + .sm\:overflow-y-hidden { + overflow-y: hidden; } - .sm\:placeholder-purple-400::placeholder { - color: #b794f4; + .sm\:overflow-x-visible { + overflow-x: visible; } - .sm\:placeholder-purple-500::placeholder { - color: #9f7aea; + .sm\:overflow-y-visible { + overflow-y: visible; } - .sm\:placeholder-purple-600::placeholder { - color: #805ad5; + .sm\:overflow-x-scroll { + overflow-x: scroll; } - .sm\:placeholder-purple-700::placeholder { - color: #6b46c1; + .sm\:overflow-y-scroll { + overflow-y: scroll; } - .sm\:placeholder-purple-800::placeholder { - color: #553c9a; + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .sm\:placeholder-purple-900::placeholder { - color: #44337a; + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .sm\:placeholder-pink-100::placeholder { - color: #fff5f7; + .sm\:p-0 { + padding: 0; } - .sm\:placeholder-pink-200::placeholder { - color: #fed7e2; + .sm\:p-1 { + padding: 0.25rem; } - .sm\:placeholder-pink-300::placeholder { - color: #fbb6ce; + .sm\:p-2 { + padding: 0.5rem; } - .sm\:placeholder-pink-400::placeholder { - color: #f687b3; + .sm\:p-3 { + padding: 0.75rem; } - .sm\:placeholder-pink-500::placeholder { - color: #ed64a6; + .sm\:p-4 { + padding: 1rem; } - .sm\:placeholder-pink-600::placeholder { - color: #d53f8c; + .sm\:p-5 { + padding: 1.25rem; } - .sm\:placeholder-pink-700::placeholder { - color: #b83280; + .sm\:p-6 { + padding: 1.5rem; } - .sm\:placeholder-pink-800::placeholder { - color: #97266d; + .sm\:p-8 { + padding: 2rem; } - .sm\:placeholder-pink-900::placeholder { - color: #702459; + .sm\:p-10 { + padding: 2.5rem; } - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .sm\:p-12 { + padding: 3rem; } - .sm\:focus\:placeholder-black:focus::placeholder { - color: #000; + .sm\:p-16 { + padding: 4rem; } - .sm\:focus\:placeholder-white:focus::placeholder { - color: #fff; + .sm\:p-20 { + padding: 5rem; } - .sm\:focus\:placeholder-gray-100:focus::placeholder { - color: #f7fafc; + .sm\:p-24 { + padding: 6rem; } - .sm\:focus\:placeholder-gray-200:focus::placeholder { - color: #edf2f7; + .sm\:p-32 { + padding: 8rem; } - .sm\:focus\:placeholder-gray-300:focus::placeholder { - color: #e2e8f0; + .sm\:p-40 { + padding: 10rem; } - .sm\:focus\:placeholder-gray-400:focus::placeholder { - color: #cbd5e0; + .sm\:p-48 { + padding: 12rem; } - .sm\:focus\:placeholder-gray-500:focus::placeholder { - color: #a0aec0; + .sm\:p-56 { + padding: 14rem; } - .sm\:focus\:placeholder-gray-600:focus::placeholder { - color: #718096; + .sm\:p-64 { + padding: 16rem; } - .sm\:focus\:placeholder-gray-700:focus::placeholder { - color: #4a5568; + .sm\:p-px { + padding: 1px; } - .sm\:focus\:placeholder-gray-800:focus::placeholder { - color: #2d3748; + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .sm\:focus\:placeholder-gray-900:focus::placeholder { - color: #1a202c; + .sm\:px-0 { + padding-left: 0; + padding-right: 0; } - .sm\:focus\:placeholder-red-100:focus::placeholder { - color: #fff5f5; + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .sm\:focus\:placeholder-red-200:focus::placeholder { - color: #fed7d7; + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .sm\:focus\:placeholder-red-300:focus::placeholder { - color: #feb2b2; + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .sm\:focus\:placeholder-red-400:focus::placeholder { - color: #fc8181; + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .sm\:focus\:placeholder-red-500:focus::placeholder { - color: #f56565; + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .sm\:focus\:placeholder-red-600:focus::placeholder { - color: #e53e3e; + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .sm\:focus\:placeholder-red-700:focus::placeholder { - color: #c53030; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .sm\:focus\:placeholder-red-800:focus::placeholder { - color: #9b2c2c; + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .sm\:focus\:placeholder-red-900:focus::placeholder { - color: #742a2a; + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .sm\:focus\:placeholder-orange-100:focus::placeholder { - color: #fffaf0; + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .sm\:focus\:placeholder-orange-200:focus::placeholder { - color: #feebc8; + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .sm\:focus\:placeholder-orange-300:focus::placeholder { - color: #fbd38d; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .sm\:focus\:placeholder-orange-400:focus::placeholder { - color: #f6ad55; + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .sm\:focus\:placeholder-orange-500:focus::placeholder { - color: #ed8936; + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .sm\:focus\:placeholder-orange-600:focus::placeholder { - color: #dd6b20; + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .sm\:focus\:placeholder-orange-700:focus::placeholder { - color: #c05621; + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .sm\:focus\:placeholder-orange-800:focus::placeholder { - color: #9c4221; + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .sm\:focus\:placeholder-orange-900:focus::placeholder { - color: #7b341e; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fffff0; + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fefcbf; + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - color: #faf089; + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - color: #f6e05e; + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - color: #ecc94b; + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d69e2e; + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b7791f; + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - color: #975a16; + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - color: #744210; + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .sm\:focus\:placeholder-green-100:focus::placeholder { - color: #f0fff4; + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .sm\:focus\:placeholder-green-200:focus::placeholder { - color: #c6f6d5; + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .sm\:focus\:placeholder-green-300:focus::placeholder { - color: #9ae6b4; + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .sm\:focus\:placeholder-green-400:focus::placeholder { - color: #68d391; + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .sm\:focus\:placeholder-green-500:focus::placeholder { - color: #48bb78; + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .sm\:focus\:placeholder-green-600:focus::placeholder { - color: #38a169; + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .sm\:focus\:placeholder-green-700:focus::placeholder { - color: #2f855a; + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .sm\:focus\:placeholder-green-800:focus::placeholder { - color: #276749; + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .sm\:focus\:placeholder-green-900:focus::placeholder { - color: #22543d; + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; } - .sm\:focus\:placeholder-teal-100:focus::placeholder { - color: #e6fffa; + .sm\:pt-0 { + padding-top: 0; } - .sm\:focus\:placeholder-teal-200:focus::placeholder { - color: #b2f5ea; + .sm\:pr-0 { + padding-right: 0; } - .sm\:focus\:placeholder-teal-300:focus::placeholder { - color: #81e6d9; + .sm\:pb-0 { + padding-bottom: 0; } - .sm\:focus\:placeholder-teal-400:focus::placeholder { - color: #4fd1c5; + .sm\:pl-0 { + padding-left: 0; } - .sm\:focus\:placeholder-teal-500:focus::placeholder { - color: #38b2ac; + .sm\:pt-1 { + padding-top: 0.25rem; } - .sm\:focus\:placeholder-teal-600:focus::placeholder { - color: #319795; + .sm\:pr-1 { + padding-right: 0.25rem; } - .sm\:focus\:placeholder-teal-700:focus::placeholder { - color: #2c7a7b; + .sm\:pb-1 { + padding-bottom: 0.25rem; } - .sm\:focus\:placeholder-teal-800:focus::placeholder { - color: #285e61; + .sm\:pl-1 { + padding-left: 0.25rem; } - .sm\:focus\:placeholder-teal-900:focus::placeholder { - color: #234e52; + .sm\:pt-2 { + padding-top: 0.5rem; } - .sm\:focus\:placeholder-blue-100:focus::placeholder { - color: #ebf8ff; + .sm\:pr-2 { + padding-right: 0.5rem; } - .sm\:focus\:placeholder-blue-200:focus::placeholder { - color: #bee3f8; + .sm\:pb-2 { + padding-bottom: 0.5rem; } - .sm\:focus\:placeholder-blue-300:focus::placeholder { - color: #90cdf4; + .sm\:pl-2 { + padding-left: 0.5rem; } - .sm\:focus\:placeholder-blue-400:focus::placeholder { - color: #63b3ed; + .sm\:pt-3 { + padding-top: 0.75rem; } - .sm\:focus\:placeholder-blue-500:focus::placeholder { - color: #4299e1; + .sm\:pr-3 { + padding-right: 0.75rem; } - .sm\:focus\:placeholder-blue-600:focus::placeholder { - color: #3182ce; + .sm\:pb-3 { + padding-bottom: 0.75rem; } - .sm\:focus\:placeholder-blue-700:focus::placeholder { - color: #2b6cb0; + .sm\:pl-3 { + padding-left: 0.75rem; } - .sm\:focus\:placeholder-blue-800:focus::placeholder { - color: #2c5282; + .sm\:pt-4 { + padding-top: 1rem; } - .sm\:focus\:placeholder-blue-900:focus::placeholder { - color: #2a4365; + .sm\:pr-4 { + padding-right: 1rem; } - .sm\:focus\:placeholder-indigo-100:focus::placeholder { - color: #ebf4ff; + .sm\:pb-4 { + padding-bottom: 1rem; } - .sm\:focus\:placeholder-indigo-200:focus::placeholder { - color: #c3dafe; + .sm\:pl-4 { + padding-left: 1rem; } - .sm\:focus\:placeholder-indigo-300:focus::placeholder { - color: #a3bffa; + .sm\:pt-5 { + padding-top: 1.25rem; } - .sm\:focus\:placeholder-indigo-400:focus::placeholder { - color: #7f9cf5; + .sm\:pr-5 { + padding-right: 1.25rem; } - .sm\:focus\:placeholder-indigo-500:focus::placeholder { - color: #667eea; + .sm\:pb-5 { + padding-bottom: 1.25rem; } - .sm\:focus\:placeholder-indigo-600:focus::placeholder { - color: #5a67d8; + .sm\:pl-5 { + padding-left: 1.25rem; } - .sm\:focus\:placeholder-indigo-700:focus::placeholder { - color: #4c51bf; + .sm\:pt-6 { + padding-top: 1.5rem; } - .sm\:focus\:placeholder-indigo-800:focus::placeholder { - color: #434190; + .sm\:pr-6 { + padding-right: 1.5rem; } - .sm\:focus\:placeholder-indigo-900:focus::placeholder { - color: #3c366b; + .sm\:pb-6 { + padding-bottom: 1.5rem; } - .sm\:focus\:placeholder-purple-100:focus::placeholder { - color: #faf5ff; + .sm\:pl-6 { + padding-left: 1.5rem; } - .sm\:focus\:placeholder-purple-200:focus::placeholder { - color: #e9d8fd; + .sm\:pt-8 { + padding-top: 2rem; } - .sm\:focus\:placeholder-purple-300:focus::placeholder { - color: #d6bcfa; + .sm\:pr-8 { + padding-right: 2rem; } - .sm\:focus\:placeholder-purple-400:focus::placeholder { - color: #b794f4; + .sm\:pb-8 { + padding-bottom: 2rem; } - .sm\:focus\:placeholder-purple-500:focus::placeholder { - color: #9f7aea; + .sm\:pl-8 { + padding-left: 2rem; } - .sm\:focus\:placeholder-purple-600:focus::placeholder { - color: #805ad5; + .sm\:pt-10 { + padding-top: 2.5rem; } - .sm\:focus\:placeholder-purple-700:focus::placeholder { - color: #6b46c1; + .sm\:pr-10 { + padding-right: 2.5rem; } - .sm\:focus\:placeholder-purple-800:focus::placeholder { - color: #553c9a; + .sm\:pb-10 { + padding-bottom: 2.5rem; } - .sm\:focus\:placeholder-purple-900:focus::placeholder { - color: #44337a; + .sm\:pl-10 { + padding-left: 2.5rem; } - .sm\:focus\:placeholder-pink-100:focus::placeholder { - color: #fff5f7; + .sm\:pt-12 { + padding-top: 3rem; } - .sm\:focus\:placeholder-pink-200:focus::placeholder { - color: #fed7e2; + .sm\:pr-12 { + padding-right: 3rem; } - .sm\:focus\:placeholder-pink-300:focus::placeholder { - color: #fbb6ce; + .sm\:pb-12 { + padding-bottom: 3rem; } - .sm\:focus\:placeholder-pink-400:focus::placeholder { - color: #f687b3; + .sm\:pl-12 { + padding-left: 3rem; } - .sm\:focus\:placeholder-pink-500:focus::placeholder { - color: #ed64a6; + .sm\:pt-16 { + padding-top: 4rem; } - .sm\:focus\:placeholder-pink-600:focus::placeholder { - color: #d53f8c; + .sm\:pr-16 { + padding-right: 4rem; } - .sm\:focus\:placeholder-pink-700:focus::placeholder { - color: #b83280; + .sm\:pb-16 { + padding-bottom: 4rem; } - .sm\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d; + .sm\:pl-16 { + padding-left: 4rem; } - .sm\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459; + .sm\:pt-20 { + padding-top: 5rem; } - .sm\:pointer-events-none { - pointer-events: none; + .sm\:pr-20 { + padding-right: 5rem; } - .sm\:pointer-events-auto { - pointer-events: auto; + .sm\:pb-20 { + padding-bottom: 5rem; } - .sm\:static { - position: static; + .sm\:pl-20 { + padding-left: 5rem; } - .sm\:fixed { - position: fixed; + .sm\:pt-24 { + padding-top: 6rem; } - .sm\:absolute { - position: absolute; + .sm\:pr-24 { + padding-right: 6rem; } - .sm\:relative { - position: relative; + .sm\:pb-24 { + padding-bottom: 6rem; } - .sm\:sticky { - position: sticky; + .sm\:pl-24 { + padding-left: 6rem; } - .sm\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .sm\:pt-32 { + padding-top: 8rem; } - .sm\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .sm\:pr-32 { + padding-right: 8rem; } - .sm\:inset-y-0 { - top: 0; - bottom: 0; + .sm\:pb-32 { + padding-bottom: 8rem; } - .sm\:inset-x-0 { - right: 0; - left: 0; + .sm\:pl-32 { + padding-left: 8rem; } - .sm\:inset-y-auto { - top: auto; - bottom: auto; + .sm\:pt-40 { + padding-top: 10rem; } - .sm\:inset-x-auto { - right: auto; - left: auto; + .sm\:pr-40 { + padding-right: 10rem; } - .sm\:top-0 { - top: 0; + .sm\:pb-40 { + padding-bottom: 10rem; } - .sm\:right-0 { - right: 0; + .sm\:pl-40 { + padding-left: 10rem; } - .sm\:bottom-0 { - bottom: 0; + .sm\:pt-48 { + padding-top: 12rem; } - .sm\:left-0 { - left: 0; + .sm\:pr-48 { + padding-right: 12rem; } - .sm\:top-auto { - top: auto; + .sm\:pb-48 { + padding-bottom: 12rem; } - .sm\:right-auto { - right: auto; + .sm\:pl-48 { + padding-left: 12rem; } - .sm\:bottom-auto { - bottom: auto; + .sm\:pt-56 { + padding-top: 14rem; } - .sm\:left-auto { - left: auto; + .sm\:pr-56 { + padding-right: 14rem; } - .sm\:resize-none { - resize: none; + .sm\:pb-56 { + padding-bottom: 14rem; } - .sm\:resize-y { - resize: vertical; + .sm\:pl-56 { + padding-left: 14rem; } - .sm\:resize-x { - resize: horizontal; + .sm\:pt-64 { + padding-top: 16rem; } - .sm\:resize { - resize: both; + .sm\:pr-64 { + padding-right: 16rem; } - .sm\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:pb-64 { + padding-bottom: 16rem; } - .sm\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:pl-64 { + padding-left: 16rem; } - .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\:pt-px { + padding-top: 1px; } - .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\:pr-px { + padding-right: 1px; } - .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\:pb-px { + padding-bottom: 1px; } - .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\:pl-px { + padding-left: 1px; } - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:placeholder-transparent::placeholder { + color: transparent; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:placeholder-current::placeholder { + color: currentColor; } - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .sm\:shadow-none { - box-shadow: none; + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .sm\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .sm\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .sm\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .sm\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .sm\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .sm\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .sm\:hover\:shadow-none:hover { - box-shadow: none; + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .sm\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .sm\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .sm\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .sm\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .sm\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .sm\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .sm\:focus\:shadow-none:focus { - box-shadow: none; + .sm\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .sm\:fill-current { - fill: currentColor; + .sm\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .sm\:stroke-current { - stroke: currentColor; + .sm\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .sm\:stroke-0 { - stroke-width: 0; + .sm\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .sm\:stroke-1 { - stroke-width: 1; + .sm\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .sm\:stroke-2 { - stroke-width: 2; + .sm\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .sm\:table-auto { - table-layout: auto; + .sm\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .sm\:table-fixed { - table-layout: fixed; + .sm\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .sm\:text-left { - text-align: left; + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .sm\:text-center { - text-align: center; + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .sm\:text-right { - text-align: right; + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .sm\:text-justify { - text-align: justify; + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .sm\:text-transparent { - color: transparent; + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .sm\:text-black { - color: #000; + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .sm\:text-white { - color: #fff; + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .sm\:text-gray-100 { - color: #f7fafc; + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .sm\:text-gray-200 { - color: #edf2f7; + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .sm\:text-gray-300 { - color: #e2e8f0; + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .sm\:text-gray-400 { - color: #cbd5e0; + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .sm\:text-gray-500 { - color: #a0aec0; + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .sm\:text-gray-600 { - color: #718096; + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .sm\:text-gray-700 { - color: #4a5568; + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .sm\:text-gray-800 { - color: #2d3748; + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .sm\:text-gray-900 { - color: #1a202c; + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .sm\:text-red-100 { - color: #fff5f5; + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .sm\:text-red-200 { - color: #fed7d7; - } - - .sm\:text-red-300 { - color: #feb2b2; - } - - .sm\:text-red-400 { - color: #fc8181; - } - - .sm\:text-red-500 { - color: #f56565; - } - - .sm\:text-red-600 { - color: #e53e3e; - } - - .sm\:text-red-700 { - color: #c53030; - } - - .sm\:text-red-800 { - color: #9b2c2c; - } - - .sm\:text-red-900 { - color: #742a2a; - } - - .sm\:text-orange-100 { - color: #fffaf0; - } - - .sm\:text-orange-200 { - color: #feebc8; - } - - .sm\:text-orange-300 { - color: #fbd38d; - } - - .sm\:text-orange-400 { - color: #f6ad55; - } - - .sm\:text-orange-500 { - color: #ed8936; - } - - .sm\:text-orange-600 { - color: #dd6b20; - } - - .sm\:text-orange-700 { - color: #c05621; - } - - .sm\:text-orange-800 { - color: #9c4221; - } - - .sm\:text-orange-900 { - color: #7b341e; - } - - .sm\:text-yellow-100 { - color: #fffff0; - } - - .sm\:text-yellow-200 { - color: #fefcbf; - } - - .sm\:text-yellow-300 { - color: #faf089; - } - - .sm\:text-yellow-400 { - color: #f6e05e; - } - - .sm\:text-yellow-500 { - color: #ecc94b; - } - - .sm\:text-yellow-600 { - color: #d69e2e; - } - - .sm\:text-yellow-700 { - color: #b7791f; - } - - .sm\:text-yellow-800 { - color: #975a16; - } - - .sm\:text-yellow-900 { - color: #744210; - } - - .sm\:text-green-100 { - color: #f0fff4; - } - - .sm\:text-green-200 { - color: #c6f6d5; - } - - .sm\:text-green-300 { - color: #9ae6b4; - } - - .sm\:text-green-400 { - color: #68d391; - } - - .sm\:text-green-500 { - color: #48bb78; - } - - .sm\:text-green-600 { - color: #38a169; - } - - .sm\:text-green-700 { - color: #2f855a; - } - - .sm\:text-green-800 { - color: #276749; - } - - .sm\:text-green-900 { + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .sm\:text-teal-100 { + .sm\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .sm\:text-teal-200 { + .sm\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .sm\:text-teal-300 { + .sm\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .sm\:text-teal-400 { + .sm\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .sm\:text-teal-500 { + .sm\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .sm\:text-teal-600 { + .sm\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .sm\:text-teal-700 { + .sm\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .sm\:text-teal-800 { + .sm\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .sm\:text-teal-900 { + .sm\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .sm\:text-blue-100 { + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .sm\:text-blue-200 { + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .sm\:text-blue-300 { + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .sm\:text-blue-400 { + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .sm\:text-blue-500 { + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .sm\:text-blue-600 { + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .sm\:text-blue-700 { + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .sm\:text-blue-800 { + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .sm\:text-blue-900 { + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .sm\:text-indigo-100 { + .sm\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .sm\:text-indigo-200 { + .sm\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .sm\:text-indigo-300 { + .sm\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .sm\:text-indigo-400 { + .sm\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .sm\:text-indigo-500 { + .sm\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .sm\:text-indigo-600 { + .sm\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .sm\:text-indigo-700 { + .sm\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .sm\:text-indigo-800 { + .sm\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .sm\:text-indigo-900 { + .sm\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .sm\:text-purple-100 { + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .sm\:text-purple-200 { + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .sm\:text-purple-300 { + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .sm\:text-purple-400 { + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .sm\:text-purple-500 { + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .sm\:text-purple-600 { + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .sm\:text-purple-700 { + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .sm\:text-purple-800 { + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .sm\:text-purple-900 { + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .sm\:text-pink-100 { + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .sm\:text-pink-200 { + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .sm\:text-pink-300 { + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .sm\:text-pink-400 { + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .sm\:text-pink-500 { + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .sm\:text-pink-600 { + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .sm\:text-pink-700 { + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .sm\:text-pink-800 { + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .sm\:text-pink-900 { + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .sm\:hover\:text-transparent:hover { + .sm\:focus\:placeholder-transparent:focus::placeholder { color: transparent; } - .sm\:hover\:text-black:hover { + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .sm\:hover\:text-white:hover { + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-100:hover { + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-200:hover { + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-300:hover { + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-400:hover { + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-500:hover { + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-600:hover { + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-700:hover { + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-800:hover { + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .sm\:hover\:text-gray-900:hover { + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .sm\:hover\:text-red-100:hover { + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .sm\:hover\:text-red-200:hover { + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .sm\:hover\:text-red-300:hover { + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .sm\:hover\:text-red-400:hover { + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .sm\:hover\:text-red-500:hover { + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .sm\:hover\:text-red-600:hover { + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .sm\:hover\:text-red-700:hover { + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .sm\:hover\:text-red-800:hover { + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .sm\:hover\:text-red-900:hover { + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-100:hover { + .sm\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-200:hover { + .sm\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-300:hover { + .sm\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-400:hover { + .sm\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-500:hover { + .sm\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-600:hover { + .sm\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-700:hover { + .sm\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-800:hover { + .sm\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .sm\:hover\:text-orange-900:hover { + .sm\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-100:hover { + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-200:hover { + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-300:hover { + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-400:hover { + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-500:hover { + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-600:hover { + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-700:hover { + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-800:hover { + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .sm\:hover\:text-yellow-900:hover { + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .sm\:hover\:text-green-100:hover { + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .sm\:hover\:text-green-200:hover { + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .sm\:hover\:text-green-300:hover { + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .sm\:hover\:text-green-400:hover { + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .sm\:hover\:text-green-500:hover { + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .sm\:hover\:text-green-600:hover { + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .sm\:hover\:text-green-700:hover { + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .sm\:hover\:text-green-800:hover { + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .sm\:hover\:text-green-900:hover { + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-100:hover { + .sm\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-200:hover { + .sm\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-300:hover { + .sm\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-400:hover { + .sm\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-500:hover { + .sm\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-600:hover { + .sm\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-700:hover { + .sm\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-800:hover { + .sm\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .sm\:hover\:text-teal-900:hover { + .sm\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-100:hover { + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-200:hover { + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-300:hover { + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-400:hover { + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-500:hover { + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-600:hover { + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-700:hover { + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-800:hover { + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .sm\:hover\:text-blue-900:hover { + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-100:hover { + .sm\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-200:hover { + .sm\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-300:hover { + .sm\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-400:hover { + .sm\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-500:hover { + .sm\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-600:hover { + .sm\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-700:hover { + .sm\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-800:hover { + .sm\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .sm\:hover\:text-indigo-900:hover { + .sm\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-100:hover { + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-200:hover { + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-300:hover { + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-400:hover { + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-500:hover { + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-600:hover { + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-700:hover { + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-800:hover { + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .sm\:hover\:text-purple-900:hover { + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-100:hover { + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-200:hover { + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-300:hover { + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-400:hover { + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-500:hover { + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-600:hover { + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-700:hover { + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-800:hover { + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .sm\:hover\:text-pink-900:hover { + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .sm\:focus\:text-transparent:focus { - color: transparent; + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .sm\:focus\:text-black:focus { - color: #000; + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .sm\:focus\:text-white:focus { - color: #fff; + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .sm\:focus\:text-gray-100:focus { - color: #f7fafc; + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .sm\:focus\:text-gray-200:focus { - color: #edf2f7; + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .sm\:focus\:text-gray-300:focus { - color: #e2e8f0; + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .sm\:focus\:text-gray-400:focus { - color: #cbd5e0; + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .sm\:focus\:text-gray-500:focus { - color: #a0aec0; + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .sm\:focus\:text-gray-600:focus { - color: #718096; + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .sm\:focus\:text-gray-700:focus { - color: #4a5568; + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .sm\:focus\:text-gray-800:focus { - color: #2d3748; + .sm\:pointer-events-none { + pointer-events: none; } - .sm\:focus\:text-gray-900:focus { - color: #1a202c; + .sm\:pointer-events-auto { + pointer-events: auto; } - .sm\:focus\:text-red-100:focus { - color: #fff5f5; + .sm\:static { + position: static; } - .sm\:focus\:text-red-200:focus { - color: #fed7d7; + .sm\:fixed { + position: fixed; } - .sm\:focus\:text-red-300:focus { - color: #feb2b2; + .sm\:absolute { + position: absolute; } - .sm\:focus\:text-red-400:focus { - color: #fc8181; + .sm\:relative { + position: relative; } - .sm\:focus\:text-red-500:focus { - color: #f56565; + .sm\:sticky { + position: sticky; } - .sm\:focus\:text-red-600:focus { - color: #e53e3e; + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .sm\:focus\:text-red-700:focus { - color: #c53030; + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .sm\:focus\:text-red-800:focus { - color: #9b2c2c; + .sm\:inset-y-0 { + top: 0; + bottom: 0; } - .sm\:focus\:text-red-900:focus { - color: #742a2a; + .sm\:inset-x-0 { + right: 0; + left: 0; } - .sm\:focus\:text-orange-100:focus { - color: #fffaf0; + .sm\:inset-y-auto { + top: auto; + bottom: auto; } - .sm\:focus\:text-orange-200:focus { - color: #feebc8; + .sm\:inset-x-auto { + right: auto; + left: auto; } - .sm\:focus\:text-orange-300:focus { - color: #fbd38d; + .sm\:top-0 { + top: 0; } - .sm\:focus\:text-orange-400:focus { - color: #f6ad55; + .sm\:right-0 { + right: 0; } - .sm\:focus\:text-orange-500:focus { - color: #ed8936; + .sm\:bottom-0 { + bottom: 0; } - .sm\:focus\:text-orange-600:focus { - color: #dd6b20; + .sm\:left-0 { + left: 0; } - .sm\:focus\:text-orange-700:focus { - color: #c05621; + .sm\:top-auto { + top: auto; } - .sm\:focus\:text-orange-800:focus { - color: #9c4221; + .sm\:right-auto { + right: auto; } - .sm\:focus\:text-orange-900:focus { - color: #7b341e; + .sm\:bottom-auto { + bottom: auto; } - .sm\:focus\:text-yellow-100:focus { - color: #fffff0; + .sm\:left-auto { + left: auto; } - .sm\:focus\:text-yellow-200:focus { - color: #fefcbf; + .sm\:resize-none { + resize: none; } - .sm\:focus\:text-yellow-300:focus { - color: #faf089; + .sm\:resize-y { + resize: vertical; } - .sm\:focus\:text-yellow-400:focus { - color: #f6e05e; + .sm\:resize-x { + resize: horizontal; } - .sm\:focus\:text-yellow-500:focus { - color: #ecc94b; + .sm\:resize { + resize: both; } - .sm\:focus\:text-yellow-600:focus { - color: #d69e2e; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-yellow-700:focus { - color: #b7791f; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-yellow-800:focus { - color: #975a16; + .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\:focus\:text-yellow-900:focus { - color: #744210; + .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\:focus\:text-green-100:focus { - color: #f0fff4; + .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\:focus\:text-green-200:focus { - color: #c6f6d5; + .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\:focus\:text-green-300:focus { - color: #9ae6b4; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:focus\:text-green-400:focus { - color: #68d391; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:focus\:text-green-500:focus { - color: #48bb78; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:focus\:text-green-600:focus { - color: #38a169; + .sm\:shadow-none { + box-shadow: none; } - .sm\:focus\:text-green-700:focus { - color: #2f855a; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-green-800:focus { - color: #276749; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-green-900:focus { - color: #22543d; + .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\:focus\:text-teal-100:focus { - color: #e6fffa; + .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\:focus\:text-teal-200:focus { - color: #b2f5ea; + .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\:focus\:text-teal-300:focus { - color: #81e6d9; + .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\:focus\:text-teal-400:focus { - color: #4fd1c5; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:focus\:text-teal-500:focus { - color: #38b2ac; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:focus\:text-teal-600:focus { - color: #319795; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:focus\:text-teal-700:focus { - color: #2c7a7b; + .sm\:hover\:shadow-none:hover { + box-shadow: none; } - .sm\:focus\:text-teal-800:focus { - color: #285e61; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-teal-900:focus { - color: #234e52; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .sm\:focus\:text-blue-100:focus { - color: #ebf8ff; + .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\:text-blue-200:focus { - color: #bee3f8; + .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\:text-blue-300:focus { - color: #90cdf4; + .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\:text-blue-400:focus { - color: #63b3ed; + .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\:text-blue-500:focus { - color: #4299e1; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:focus\:text-blue-600:focus { - color: #3182ce; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:focus\:text-blue-700:focus { - color: #2b6cb0; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:focus\:text-blue-800:focus { - color: #2c5282; + .sm\:focus\:shadow-none:focus { + box-shadow: none; } - .sm\:focus\:text-blue-900:focus { - color: #2a4365; + .sm\:fill-current { + fill: currentColor; } - .sm\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .sm\:stroke-current { + stroke: currentColor; } - .sm\:focus\:text-indigo-200:focus { - color: #c3dafe; + .sm\:stroke-0 { + stroke-width: 0; } - .sm\:focus\:text-indigo-300:focus { - color: #a3bffa; + .sm\:stroke-1 { + stroke-width: 1; } - .sm\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .sm\:stroke-2 { + stroke-width: 2; } - .sm\:focus\:text-indigo-500:focus { - color: #667eea; + .sm\:table-auto { + table-layout: auto; } - .sm\:focus\:text-indigo-600:focus { - color: #5a67d8; + .sm\:table-fixed { + table-layout: fixed; } - .sm\:focus\:text-indigo-700:focus { - color: #4c51bf; + .sm\:text-left { + text-align: left; } - .sm\:focus\:text-indigo-800:focus { - color: #434190; + .sm\:text-center { + text-align: center; } - .sm\:focus\:text-indigo-900:focus { - color: #3c366b; + .sm\:text-right { + text-align: right; } - .sm\:focus\:text-purple-100:focus { - color: #faf5ff; + .sm\:text-justify { + text-align: justify; } - .sm\:focus\:text-purple-200:focus { - color: #e9d8fd; + .sm\:text-transparent { + color: transparent; } - .sm\:focus\:text-purple-300:focus { - color: #d6bcfa; + .sm\:text-current { + color: currentColor; } - .sm\:focus\:text-purple-400:focus { - color: #b794f4; + .sm\:text-black { + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .sm\:focus\:text-purple-500:focus { - color: #9f7aea; + .sm\:text-white { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .sm\:focus\:text-purple-600:focus { - color: #805ad5; + .sm\:text-gray-100 { + --text-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .sm\:focus\:text-purple-700:focus { - color: #6b46c1; + .sm\:text-gray-200 { + --text-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .sm\:focus\:text-purple-800:focus { - color: #553c9a; + .sm\:text-gray-300 { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .sm\:focus\:text-purple-900:focus { - color: #44337a; + .sm\:text-gray-400 { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .sm\:focus\:text-pink-100:focus { - color: #fff5f7; + .sm\:text-gray-500 { + --text-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .sm\:focus\:text-pink-200:focus { - color: #fed7e2; + .sm\:text-gray-600 { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .sm\:focus\:text-pink-300:focus { - color: #fbb6ce; + .sm\:text-gray-700 { + --text-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .sm\:focus\:text-pink-400:focus { - color: #f687b3; + .sm\:text-gray-800 { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .sm\:focus\:text-pink-500:focus { - color: #ed64a6; + .sm\:text-gray-900 { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .sm\:focus\:text-pink-600:focus { - color: #d53f8c; + .sm\:text-red-100 { + --text-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .sm\:focus\:text-pink-700:focus { - color: #b83280; + .sm\:text-red-200 { + --text-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .sm\:focus\:text-pink-800:focus { - color: #97266d; + .sm\:text-red-300 { + --text-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .sm\:focus\:text-pink-900:focus { - color: #702459; + .sm\:text-red-400 { + --text-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .sm\:text-xs { - font-size: 0.75rem; + .sm\:text-red-500 { + --text-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .sm\:text-sm { - font-size: 0.875rem; + .sm\:text-red-600 { + --text-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .sm\:text-base { - font-size: 1rem; + .sm\:text-red-700 { + --text-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .sm\:text-lg { - font-size: 1.125rem; + .sm\:text-red-800 { + --text-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .sm\:text-xl { - font-size: 1.25rem; + .sm\:text-red-900 { + --text-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .sm\:text-2xl { - font-size: 1.5rem; + .sm\:text-orange-100 { + --text-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .sm\:text-3xl { - font-size: 1.875rem; + .sm\:text-orange-200 { + --text-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .sm\:text-4xl { - font-size: 2.25rem; + .sm\:text-orange-300 { + --text-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .sm\:text-5xl { - font-size: 3rem; + .sm\:text-orange-400 { + --text-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .sm\:text-6xl { - font-size: 4rem; + .sm\:text-orange-500 { + --text-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .sm\:italic { - font-style: italic; + .sm\:text-orange-600 { + --text-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .sm\:not-italic { - font-style: normal; + .sm\:text-orange-700 { + --text-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .sm\:uppercase { - text-transform: uppercase; + .sm\:text-orange-800 { + --text-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .sm\:lowercase { - text-transform: lowercase; + .sm\:text-orange-900 { + --text-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .sm\:capitalize { - text-transform: capitalize; + .sm\:text-yellow-100 { + --text-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .sm\:normal-case { - text-transform: none; + .sm\:text-yellow-200 { + --text-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .sm\:underline { - text-decoration: underline; + .sm\:text-yellow-300 { + --text-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .sm\:line-through { - text-decoration: line-through; + .sm\:text-yellow-400 { + --text-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .sm\:no-underline { - text-decoration: none; + .sm\:text-yellow-500 { + --text-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .sm\:hover\:underline:hover { - text-decoration: underline; + .sm\:text-yellow-600 { + --text-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .sm\:text-yellow-700 { + --text-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .sm\:text-yellow-800 { + --text-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .sm\:focus\:underline:focus { - text-decoration: underline; + .sm\:text-yellow-900 { + --text-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .sm\:focus\:line-through:focus { - text-decoration: line-through; + .sm\:text-green-100 { + --text-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .sm\:focus\:no-underline:focus { - text-decoration: none; + .sm\:text-green-200 { + --text-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:text-green-300 { + --text-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:text-green-400 { + --text-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .sm\:tracking-tighter { - letter-spacing: -0.05em; + .sm\:text-green-500 { + --text-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .sm\:tracking-tight { - letter-spacing: -0.025em; + .sm\:text-green-600 { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .sm\:tracking-normal { - letter-spacing: 0; + .sm\:text-green-700 { + --text-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .sm\:tracking-wide { - letter-spacing: 0.025em; + .sm\:text-green-800 { + --text-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .sm\:tracking-wider { - letter-spacing: 0.05em; + .sm\:text-green-900 { + --text-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .sm\:tracking-widest { - letter-spacing: 0.1em; + .sm\:text-teal-100 { + --text-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .sm\:select-none { - user-select: none; + .sm\:text-teal-200 { + --text-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .sm\:select-text { - user-select: text; + .sm\:text-teal-300 { + --text-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .sm\:select-all { - user-select: all; + .sm\:text-teal-400 { + --text-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .sm\:select-auto { - user-select: auto; + .sm\:text-teal-500 { + --text-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .sm\:align-baseline { - vertical-align: baseline; + .sm\:text-teal-600 { + --text-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .sm\:align-top { - vertical-align: top; + .sm\:text-teal-700 { + --text-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .sm\:align-middle { - vertical-align: middle; + .sm\:text-teal-800 { + --text-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .sm\:align-bottom { - vertical-align: bottom; + .sm\:text-teal-900 { + --text-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .sm\:align-text-top { - vertical-align: text-top; + .sm\:text-blue-100 { + --text-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .sm\:align-text-bottom { - vertical-align: text-bottom; + .sm\:text-blue-200 { + --text-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .sm\:visible { - visibility: visible; + .sm\:text-blue-300 { + --text-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .sm\:invisible { - visibility: hidden; + .sm\:text-blue-400 { + --text-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .sm\:whitespace-normal { - white-space: normal; + .sm\:text-blue-500 { + --text-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .sm\:text-blue-600 { + --text-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .sm\:whitespace-pre { - white-space: pre; + .sm\:text-blue-700 { + --text-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .sm\:whitespace-pre-line { - white-space: pre-line; + .sm\:text-blue-800 { + --text-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .sm\:text-blue-900 { + --text-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; + .sm\:text-indigo-100 { + --text-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .sm\:break-words { - overflow-wrap: break-word; + .sm\:text-indigo-200 { + --text-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .sm\:break-all { - word-break: break-all; + .sm\:text-indigo-300 { + --text-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .sm\:text-indigo-400 { + --text-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .sm\:w-0 { - width: 0; + .sm\:text-indigo-500 { + --text-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .sm\:w-1 { - width: 0.25rem; + .sm\:text-indigo-600 { + --text-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .sm\:w-2 { - width: 0.5rem; + .sm\:text-indigo-700 { + --text-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .sm\:w-3 { - width: 0.75rem; + .sm\:text-indigo-800 { + --text-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .sm\:w-4 { - width: 1rem; + .sm\:text-indigo-900 { + --text-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .sm\:w-5 { - width: 1.25rem; + .sm\:text-purple-100 { + --text-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .sm\:w-6 { - width: 1.5rem; + .sm\:text-purple-200 { + --text-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .sm\:w-8 { - width: 2rem; + .sm\:text-purple-300 { + --text-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .sm\:w-10 { - width: 2.5rem; + .sm\:text-purple-400 { + --text-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .sm\:w-12 { - width: 3rem; + .sm\:text-purple-500 { + --text-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .sm\:w-16 { - width: 4rem; + .sm\:text-purple-600 { + --text-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .sm\:w-20 { - width: 5rem; + .sm\:text-purple-700 { + --text-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .sm\:w-24 { - width: 6rem; + .sm\:text-purple-800 { + --text-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .sm\:w-32 { - width: 8rem; + .sm\:text-purple-900 { + --text-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .sm\:w-40 { - width: 10rem; + .sm\:text-pink-100 { + --text-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .sm\:w-48 { - width: 12rem; + .sm\:text-pink-200 { + --text-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .sm\:w-56 { - width: 14rem; + .sm\:text-pink-300 { + --text-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .sm\:w-64 { - width: 16rem; + .sm\:text-pink-400 { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .sm\:w-auto { - width: auto; + .sm\:text-pink-500 { + --text-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .sm\:w-px { - width: 1px; + .sm\:text-pink-600 { + --text-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .sm\:w-1\/2 { - width: 50%; + .sm\:text-pink-700 { + --text-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .sm\:w-1\/3 { - width: 33.333333%; + .sm\:text-pink-800 { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .sm\:w-2\/3 { - width: 66.666667%; + .sm\:text-pink-900 { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .sm\:w-1\/4 { - width: 25%; + .sm\:hover\:text-transparent:hover { + color: transparent; } - .sm\:w-2\/4 { - width: 50%; + .sm\:hover\:text-current:hover { + color: currentColor; } - .sm\:w-3\/4 { - width: 75%; + .sm\:hover\:text-black:hover { + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .sm\:w-1\/5 { - width: 20%; + .sm\:hover\:text-white:hover { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .sm\:w-2\/5 { - width: 40%; + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .sm\:w-3\/5 { - width: 60%; + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .sm\:w-4\/5 { - width: 80%; + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .sm\:w-1\/6 { - width: 16.666667%; + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .sm\:w-2\/6 { - width: 33.333333%; + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .sm\:w-3\/6 { - width: 50%; + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .sm\:w-4\/6 { - width: 66.666667%; + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .sm\:w-5\/6 { - width: 83.333333%; + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .sm\:w-1\/12 { - width: 8.333333%; + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .sm\:w-2\/12 { - width: 16.666667%; + .sm\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .sm\:w-3\/12 { - width: 25%; + .sm\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .sm\:w-4\/12 { - width: 33.333333%; + .sm\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .sm\:w-5\/12 { - width: 41.666667%; + .sm\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .sm\:w-6\/12 { - width: 50%; + .sm\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .sm\:w-7\/12 { - width: 58.333333%; + .sm\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .sm\:w-8\/12 { - width: 66.666667%; + .sm\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .sm\:w-9\/12 { - width: 75%; + .sm\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .sm\:w-10\/12 { - width: 83.333333%; + .sm\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .sm\:w-11\/12 { - width: 91.666667%; + .sm\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .sm\:w-full { - width: 100%; + .sm\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .sm\:w-screen { - width: 100vw; + .sm\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .sm\:z-0 { - z-index: 0; + .sm\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .sm\:z-10 { - z-index: 10; + .sm\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .sm\:z-20 { - z-index: 20; + .sm\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .sm\:z-30 { - z-index: 30; + .sm\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .sm\:z-40 { - z-index: 40; + .sm\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .sm\:z-50 { - z-index: 50; + .sm\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .sm\:z-auto { - z-index: auto; + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .sm\:gap-0 { - grid-gap: 0; - gap: 0; + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .sm\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .sm\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .sm\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .sm\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .sm\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .sm\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .sm\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .sm\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .sm\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .sm\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; + .sm\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .sm\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .sm\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .sm\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .sm\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .sm\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .sm\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .sm\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .sm\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .sm\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .sm\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .sm\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .sm\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .sm\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .sm\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .sm\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .sm\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .sm\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .sm\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .sm\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .sm\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .sm\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .sm\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .sm\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .sm\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .sm\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .sm\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .sm\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .sm\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .sm\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .sm\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .sm\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .sm\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .sm\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .sm\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .sm\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .sm\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .sm\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .sm\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .sm\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .sm\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .sm\:hover\:text-indigo-900:hover { + --text-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .sm\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .sm\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .sm\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .sm\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .sm\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .sm\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .sm\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .sm\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .sm\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .sm\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .sm\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .sm\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .sm\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .sm\:grid-flow-row { - grid-auto-flow: row; + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .sm\:grid-flow-col { - grid-auto-flow: column; + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .sm\:focus\:text-transparent:focus { + color: transparent; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .sm\:focus\:text-current:focus { + color: currentColor; } - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .sm\:focus\:text-black:focus { + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .sm\:focus\:text-white:focus { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .sm\:grid-cols-none { - grid-template-columns: none; + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .sm\:col-auto { - grid-column: auto; + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .sm\:col-span-1 { - grid-column: span 1 / span 1; + .sm\:focus\:text-red-100:focus { + --text-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .sm\:col-span-2 { - grid-column: span 2 / span 2; + .sm\:focus\:text-red-200:focus { + --text-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .sm\:col-span-3 { - grid-column: span 3 / span 3; + .sm\:focus\:text-red-300:focus { + --text-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .sm\:col-span-4 { - grid-column: span 4 / span 4; + .sm\:focus\:text-red-400:focus { + --text-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .sm\:col-span-5 { - grid-column: span 5 / span 5; + .sm\:focus\:text-red-500:focus { + --text-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .sm\:col-span-6 { - grid-column: span 6 / span 6; + .sm\:focus\:text-red-600:focus { + --text-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .sm\:col-span-7 { - grid-column: span 7 / span 7; + .sm\:focus\:text-red-700:focus { + --text-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .sm\:col-span-8 { - grid-column: span 8 / span 8; + .sm\:focus\:text-red-800:focus { + --text-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .sm\:col-span-9 { - grid-column: span 9 / span 9; + .sm\:focus\:text-red-900:focus { + --text-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .sm\:col-span-10 { - grid-column: span 10 / span 10; + .sm\:focus\:text-orange-100:focus { + --text-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .sm\:col-span-11 { - grid-column: span 11 / span 11; + .sm\:focus\:text-orange-200:focus { + --text-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .sm\:col-span-12 { - grid-column: span 12 / span 12; + .sm\:focus\:text-orange-300:focus { + --text-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .sm\:col-start-1 { - grid-column-start: 1; + .sm\:focus\:text-orange-400:focus { + --text-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .sm\:col-start-2 { - grid-column-start: 2; + .sm\:focus\:text-orange-500:focus { + --text-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .sm\:col-start-3 { - grid-column-start: 3; + .sm\:focus\:text-orange-600:focus { + --text-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .sm\:col-start-4 { - grid-column-start: 4; + .sm\:focus\:text-orange-700:focus { + --text-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .sm\:col-start-5 { - grid-column-start: 5; + .sm\:focus\:text-orange-800:focus { + --text-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .sm\:col-start-6 { - grid-column-start: 6; + .sm\:focus\:text-orange-900:focus { + --text-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .sm\:col-start-7 { - grid-column-start: 7; + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .sm\:col-start-8 { - grid-column-start: 8; + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .sm\:col-start-9 { - grid-column-start: 9; + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .sm\:col-start-10 { - grid-column-start: 10; + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .sm\:col-start-11 { - grid-column-start: 11; + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .sm\:col-start-12 { - grid-column-start: 12; + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .sm\:col-start-13 { - grid-column-start: 13; + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .sm\:col-start-auto { - grid-column-start: auto; + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .sm\:col-end-1 { - grid-column-end: 1; + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .sm\:col-end-2 { - grid-column-end: 2; + .sm\:focus\:text-green-100:focus { + --text-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .sm\:col-end-3 { - grid-column-end: 3; + .sm\:focus\:text-green-200:focus { + --text-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .sm\:col-end-4 { - grid-column-end: 4; + .sm\:focus\:text-green-300:focus { + --text-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .sm\:col-end-5 { - grid-column-end: 5; + .sm\:focus\:text-green-400:focus { + --text-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .sm\:col-end-6 { - grid-column-end: 6; + .sm\:focus\:text-green-500:focus { + --text-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .sm\:col-end-7 { - grid-column-end: 7; + .sm\:focus\:text-green-600:focus { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .sm\:col-end-8 { - grid-column-end: 8; + .sm\:focus\:text-green-700:focus { + --text-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .sm\:col-end-9 { - grid-column-end: 9; + .sm\:focus\:text-green-800:focus { + --text-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .sm\:col-end-10 { - grid-column-end: 10; + .sm\:focus\:text-green-900:focus { + --text-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .sm\:col-end-11 { - grid-column-end: 11; + .sm\:focus\:text-teal-100:focus { + --text-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .sm\:col-end-12 { - grid-column-end: 12; + .sm\:focus\:text-teal-200:focus { + --text-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .sm\:col-end-13 { - grid-column-end: 13; + .sm\:focus\:text-teal-300:focus { + --text-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .sm\:col-end-auto { - grid-column-end: auto; + .sm\:focus\:text-teal-400:focus { + --text-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .sm\:focus\:text-teal-500:focus { + --text-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .sm\:focus\:text-teal-600:focus { + --text-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .sm\:focus\:text-teal-700:focus { + --text-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .sm\:focus\:text-teal-800:focus { + --text-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .sm\:focus\:text-teal-900:focus { + --text-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .sm\:grid-rows-none { - grid-template-rows: none; + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .sm\:row-auto { - grid-row: auto; + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .sm\:row-span-1 { - grid-row: span 1 / span 1; + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .sm\:row-span-2 { - grid-row: span 2 / span 2; + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .sm\:row-span-3 { - grid-row: span 3 / span 3; + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .sm\:row-span-4 { - grid-row: span 4 / span 4; + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .sm\:row-span-5 { - grid-row: span 5 / span 5; + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .sm\:row-span-6 { - grid-row: span 6 / span 6; + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .sm\:row-start-1 { - grid-row-start: 1; + .sm\:focus\:text-indigo-100:focus { + --text-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .sm\:row-start-2 { - grid-row-start: 2; + .sm\:focus\:text-indigo-200:focus { + --text-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .sm\:row-start-3 { - grid-row-start: 3; + .sm\:focus\:text-indigo-300:focus { + --text-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .sm\:row-start-4 { - grid-row-start: 4; + .sm\:focus\:text-indigo-400:focus { + --text-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .sm\:row-start-5 { - grid-row-start: 5; + .sm\:focus\:text-indigo-500:focus { + --text-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .sm\:row-start-6 { - grid-row-start: 6; + .sm\:focus\:text-indigo-600:focus { + --text-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .sm\:row-start-7 { - grid-row-start: 7; + .sm\:focus\:text-indigo-700:focus { + --text-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .sm\:row-start-auto { - grid-row-start: auto; + .sm\:focus\:text-indigo-800:focus { + --text-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .sm\:row-end-1 { - grid-row-end: 1; + .sm\:focus\:text-indigo-900:focus { + --text-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .sm\:row-end-2 { - grid-row-end: 2; + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .sm\:row-end-3 { - grid-row-end: 3; + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .sm\:row-end-4 { - grid-row-end: 4; + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .sm\:row-end-5 { - grid-row-end: 5; + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .sm\:row-end-6 { - grid-row-end: 6; + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .sm\:row-end-7 { - grid-row-end: 7; + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .sm\:row-end-auto { - grid-row-end: auto; + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .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\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .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\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .sm\:transform-none { - transform: none; + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .sm\:origin-center { - transform-origin: center; + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .sm\:origin-top { - transform-origin: top; + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .sm\:origin-top-right { - transform-origin: top right; + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .sm\:origin-right { - transform-origin: right; + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .sm\:origin-bottom-right { - transform-origin: bottom right; + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .sm\:origin-bottom { - transform-origin: bottom; + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .sm\:origin-bottom-left { - transform-origin: bottom left; + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .sm\:origin-left { - transform-origin: left; + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .sm\:origin-top-left { - transform-origin: top left; + .sm\:text-opacity-0 { + --text-opacity: 0; } - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:text-opacity-25 { + --text-opacity: 0.25; } - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:text-opacity-50 { + --text-opacity: 0.5; } - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:text-opacity-75 { + --text-opacity: 0.75; } - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:text-opacity-100 { + --text-opacity: 1; } - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .sm\:scale-x-0 { - --transform-scale-x: 0; + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .sm\:scale-x-50 { - --transform-scale-x: .5; + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .sm\:scale-x-75 { - --transform-scale-x: .75; + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .sm\:scale-x-90 { - --transform-scale-x: .9; + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .sm\:scale-x-95 { - --transform-scale-x: .95; + .sm\:italic { + font-style: italic; } - .sm\:scale-x-100 { - --transform-scale-x: 1; + .sm\:not-italic { + font-style: normal; } - .sm\:scale-x-105 { - --transform-scale-x: 1.05; + .sm\:uppercase { + text-transform: uppercase; } - .sm\:scale-x-110 { - --transform-scale-x: 1.1; + .sm\:lowercase { + text-transform: lowercase; } - .sm\:scale-x-125 { - --transform-scale-x: 1.25; + .sm\:capitalize { + text-transform: capitalize; } - .sm\:scale-x-150 { - --transform-scale-x: 1.5; + .sm\:normal-case { + text-transform: none; } - .sm\:scale-y-0 { - --transform-scale-y: 0; + .sm\:underline { + text-decoration: underline; } - .sm\:scale-y-50 { - --transform-scale-y: .5; + .sm\:line-through { + text-decoration: line-through; } - .sm\:scale-y-75 { - --transform-scale-y: .75; + .sm\:no-underline { + text-decoration: none; } - .sm\:scale-y-90 { - --transform-scale-y: .9; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .sm\:scale-y-95 { - --transform-scale-y: .95; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .sm\:scale-y-100 { - --transform-scale-y: 1; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .sm\:scale-y-105 { - --transform-scale-y: 1.05; + .sm\:focus\:underline:focus { + text-decoration: underline; } - .sm\:scale-y-110 { - --transform-scale-y: 1.1; + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .sm\:scale-y-125 { - --transform-scale-y: 1.25; + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .sm\:scale-y-150 { - --transform-scale-y: 1.5; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:tracking-normal { + letter-spacing: 0; } - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:select-none { + user-select: none; } - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:select-text { + user-select: text; } - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:select-all { + user-select: all; } - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; - } - - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .sm\:select-auto { + user-select: auto; } - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .sm\:align-baseline { + vertical-align: baseline; } - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .sm\:align-top { + vertical-align: top; } - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .sm\:align-middle { + vertical-align: middle; } - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .sm\:align-bottom { + vertical-align: bottom; } - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .sm\:align-text-top { + vertical-align: text-top; } - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .sm\:visible { + visibility: visible; } - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .sm\:invisible { + visibility: hidden; } - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .sm\:whitespace-normal { + white-space: normal; } - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .sm\:whitespace-pre { + white-space: pre; } - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .sm\:break-words { + overflow-wrap: break-word; } - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .sm\:break-all { + word-break: break-all; } - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .sm\:w-0 { + width: 0; } - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:w-1 { + width: 0.25rem; } - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:w-2 { + width: 0.5rem; } - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:w-3 { + width: 0.75rem; } - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:w-4 { + width: 1rem; } - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:w-5 { + width: 1.25rem; } - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:w-6 { + width: 1.5rem; } - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:w-8 { + width: 2rem; } - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:w-10 { + width: 2.5rem; } - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:w-12 { + width: 3rem; } - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:w-16 { + width: 4rem; } - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .sm\:w-20 { + width: 5rem; } - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .sm\:w-24 { + width: 6rem; } - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .sm\:w-32 { + width: 8rem; } - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .sm\:w-40 { + width: 10rem; } - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .sm\:w-48 { + width: 12rem; } - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .sm\:w-56 { + width: 14rem; } - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .sm\:w-64 { + width: 16rem; } - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .sm\:w-auto { + width: auto; } - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .sm\:w-px { + width: 1px; } - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .sm\:w-1\/2 { + width: 50%; } - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .sm\:w-1\/3 { + width: 33.333333%; } - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .sm\:w-2\/3 { + width: 66.666667%; } - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .sm\:w-1\/4 { + width: 25%; } - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .sm\:w-2\/4 { + width: 50%; } - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .sm\:w-3\/4 { + width: 75%; } - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .sm\:w-1\/5 { + width: 20%; } - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .sm\:w-2\/5 { + width: 40%; } - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .sm\:w-3\/5 { + width: 60%; } - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .sm\:w-4\/5 { + width: 80%; } - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .sm\:w-1\/6 { + width: 16.666667%; } - .sm\:rotate-0 { - --transform-rotate: 0; + .sm\:w-2\/6 { + width: 33.333333%; } - .sm\:rotate-45 { - --transform-rotate: 45deg; + .sm\:w-3\/6 { + width: 50%; } - .sm\:rotate-90 { - --transform-rotate: 90deg; + .sm\:w-4\/6 { + width: 66.666667%; } - .sm\:rotate-180 { - --transform-rotate: 180deg; + .sm\:w-5\/6 { + width: 83.333333%; } - .sm\:-rotate-180 { - --transform-rotate: -180deg; + .sm\:w-1\/12 { + width: 8.333333%; } - .sm\:-rotate-90 { - --transform-rotate: -90deg; + .sm\:w-2\/12 { + width: 16.666667%; } - .sm\:-rotate-45 { - --transform-rotate: -45deg; + .sm\:w-3\/12 { + width: 25%; } - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; + .sm\:w-4\/12 { + width: 33.333333%; } - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .sm\:w-5\/12 { + width: 41.666667%; } - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .sm\:w-6\/12 { + width: 50%; } - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .sm\:w-7\/12 { + width: 58.333333%; } - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .sm\:w-8\/12 { + width: 66.666667%; } - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .sm\:w-9\/12 { + width: 75%; } - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .sm\:w-10\/12 { + width: 83.333333%; } - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; + .sm\:w-11\/12 { + width: 91.666667%; } - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .sm\:w-full { + width: 100%; } - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .sm\:w-screen { + width: 100vw; } - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .sm\:z-0 { + z-index: 0; } - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .sm\:z-10 { + z-index: 10; } - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .sm\:z-20 { + z-index: 20; } - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .sm\:z-30 { + z-index: 30; } - .sm\:translate-x-0 { - --transform-translate-x: 0; + .sm\:z-40 { + z-index: 40; } - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem; + .sm\:z-50 { + z-index: 50; } - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem; + .sm\:z-auto { + z-index: auto; } - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem; + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .sm\:translate-x-4 { - --transform-translate-x: 1rem; + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem; + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem; + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .sm\:translate-x-8 { - --transform-translate-x: 2rem; + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem; + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .sm\:translate-x-12 { - --transform-translate-x: 3rem; + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .sm\:translate-x-16 { - --transform-translate-x: 4rem; + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .sm\:translate-x-20 { - --transform-translate-x: 5rem; + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .sm\:translate-x-24 { - --transform-translate-x: 6rem; + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .sm\:translate-x-32 { - --transform-translate-x: 8rem; + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .sm\:translate-x-40 { - --transform-translate-x: 10rem; + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .sm\:translate-x-48 { - --transform-translate-x: 12rem; + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .sm\:translate-x-56 { - --transform-translate-x: 14rem; + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .sm\:translate-x-64 { - --transform-translate-x: 16rem; + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .sm\:translate-x-px { - --transform-translate-x: 1px; + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .sm\:-translate-x-4 { - --transform-translate-x: -1rem; + .sm\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .sm\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .sm\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .sm\:-translate-x-8 { - --transform-translate-x: -2rem; + .sm\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .sm\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .sm\:-translate-x-12 { - --transform-translate-x: -3rem; + .sm\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .sm\:-translate-x-16 { - --transform-translate-x: -4rem; + .sm\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .sm\:-translate-x-20 { - --transform-translate-x: -5rem; + .sm\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .sm\:-translate-x-24 { - --transform-translate-x: -6rem; + .sm\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .sm\:-translate-x-32 { - --transform-translate-x: -8rem; + .sm\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .sm\:-translate-x-40 { - --transform-translate-x: -10rem; + .sm\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .sm\:-translate-x-48 { - --transform-translate-x: -12rem; + .sm\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .sm\:-translate-x-56 { - --transform-translate-x: -14rem; + .sm\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .sm\:-translate-x-64 { - --transform-translate-x: -16rem; + .sm\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .sm\:-translate-x-px { - --transform-translate-x: -1px; + .sm\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .sm\:-translate-x-full { - --transform-translate-x: -100%; + .sm\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .sm\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .sm\:translate-x-1\/2 { - --transform-translate-x: 50%; + .sm\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .sm\:translate-x-full { - --transform-translate-x: 100%; + .sm\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .sm\:translate-y-0 { - --transform-translate-y: 0; + .sm\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem; + .sm\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem; + .sm\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem; + .sm\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .sm\:translate-y-4 { - --transform-translate-y: 1rem; + .sm\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem; + .sm\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem; + .sm\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .sm\:translate-y-8 { - --transform-translate-y: 2rem; + .sm\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem; + .sm\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .sm\:translate-y-12 { - --transform-translate-y: 3rem; + .sm\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .sm\:translate-y-16 { - --transform-translate-y: 4rem; + .sm\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .sm\:translate-y-20 { - --transform-translate-y: 5rem; + .sm\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .sm\:translate-y-24 { - --transform-translate-y: 6rem; + .sm\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .sm\:translate-y-32 { - --transform-translate-y: 8rem; + .sm\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .sm\:translate-y-40 { - --transform-translate-y: 10rem; + .sm\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .sm\:translate-y-48 { - --transform-translate-y: 12rem; + .sm\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .sm\:translate-y-56 { - --transform-translate-y: 14rem; + .sm\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .sm\:translate-y-64 { - --transform-translate-y: 16rem; + .sm\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .sm\:translate-y-px { - --transform-translate-y: 1px; + .sm\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .sm\:grid-flow-row { + grid-auto-flow: row; } - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .sm\:grid-flow-col { + grid-auto-flow: column; } - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .sm\:-translate-y-4 { - --transform-translate-y: -1rem; + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:-translate-y-8 { - --transform-translate-y: -2rem; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .sm\:-translate-y-12 { - --transform-translate-y: -3rem; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .sm\:-translate-y-16 { - --transform-translate-y: -4rem; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .sm\:-translate-y-20 { - --transform-translate-y: -5rem; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .sm\:-translate-y-24 { - --transform-translate-y: -6rem; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .sm\:-translate-y-32 { - --transform-translate-y: -8rem; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .sm\:-translate-y-40 { - --transform-translate-y: -10rem; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .sm\:-translate-y-48 { - --transform-translate-y: -12rem; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .sm\:-translate-y-56 { - --transform-translate-y: -14rem; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .sm\:-translate-y-64 { - --transform-translate-y: -16rem; + .sm\:grid-cols-none { + grid-template-columns: none; } - .sm\:-translate-y-px { - --transform-translate-y: -1px; + .sm\:col-auto { + grid-column: auto; } - .sm\:-translate-y-full { - --transform-translate-y: -100%; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .sm\:translate-y-1\/2 { - --transform-translate-y: 50%; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .sm\:translate-y-full { - --transform-translate-y: 100%; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .sm\:col-start-1 { + grid-column-start: 1; } - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .sm\:col-start-2 { + grid-column-start: 2; } - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .sm\:col-start-3 { + grid-column-start: 3; } - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .sm\:col-start-4 { + grid-column-start: 4; } - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .sm\:col-start-5 { + grid-column-start: 5; } - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .sm\:col-start-6 { + grid-column-start: 6; } - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .sm\:col-start-7 { + grid-column-start: 7; } - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .sm\:col-start-8 { + grid-column-start: 8; } - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .sm\:col-start-9 { + grid-column-start: 9; } - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .sm\:col-start-10 { + grid-column-start: 10; } - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .sm\:col-start-11 { + grid-column-start: 11; } - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .sm\:col-start-12 { + grid-column-start: 12; } - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .sm\:col-start-13 { + grid-column-start: 13; } - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .sm\:col-start-auto { + grid-column-start: auto; } - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .sm\:col-end-1 { + grid-column-end: 1; } - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .sm\:col-end-2 { + grid-column-end: 2; } - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .sm\:col-end-3 { + grid-column-end: 3; } - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .sm\:col-end-4 { + grid-column-end: 4; } - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .sm\:col-end-5 { + grid-column-end: 5; } - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .sm\:col-end-6 { + grid-column-end: 6; } - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .sm\:col-end-7 { + grid-column-end: 7; } - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .sm\:col-end-8 { + grid-column-end: 8; } - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .sm\:col-end-9 { + grid-column-end: 9; } - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .sm\:col-end-10 { + grid-column-end: 10; } - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .sm\:col-end-11 { + grid-column-end: 11; } - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .sm\:col-end-12 { + grid-column-end: 12; } - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .sm\:col-end-13 { + grid-column-end: 13; } - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .sm\:col-end-auto { + grid-column-end: auto; } - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .sm\:grid-rows-none { + grid-template-rows: none; } - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .sm\:row-auto { + grid-row: auto; } - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .sm\:row-start-1 { + grid-row-start: 1; } - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .sm\:row-start-2 { + grid-row-start: 2; } - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .sm\:row-start-3 { + grid-row-start: 3; } - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .sm\:row-start-4 { + grid-row-start: 4; } - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .sm\:row-start-5 { + grid-row-start: 5; } - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .sm\:row-start-6 { + grid-row-start: 6; } - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .sm\:row-start-7 { + grid-row-start: 7; } - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .sm\:row-start-auto { + grid-row-start: auto; } - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .sm\:row-end-1 { + grid-row-end: 1; } - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .sm\:row-end-2 { + grid-row-end: 2; } - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .sm\:row-end-3 { + grid-row-end: 3; } - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .sm\:row-end-4 { + grid-row-end: 4; } - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .sm\:row-end-5 { + grid-row-end: 5; } - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .sm\:row-end-6 { + grid-row-end: 6; } - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .sm\:row-end-7 { + grid-row-end: 7; } - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .sm\:row-end-auto { + grid-row-end: auto; } - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .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\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.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)); } - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .sm\:transform-none { + transform: none; } - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .sm\:origin-center { + transform-origin: center; } - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .sm\:origin-top { + transform-origin: top; } - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .sm\:origin-top-right { + transform-origin: top right; } - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .sm\:origin-right { + transform-origin: right; } - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .sm\:origin-bottom { + transform-origin: bottom; } - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .sm\:origin-left { + transform-origin: left; } - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .sm\:origin-top-left { + transform-origin: top left; } - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .sm\:skew-x-0 { - --transform-skew-x: 0; + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .sm\:skew-x-3 { - --transform-skew-x: 3deg; + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .sm\:skew-x-6 { - --transform-skew-x: 6deg; + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .sm\:skew-x-12 { - --transform-skew-x: 12deg; + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; + .sm\:rotate-0 { + --transform-rotate: 0; } - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .sm\:skew-y-0 { - --transform-skew-y: 0; + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .sm\:skew-y-3 { - --transform-skew-y: 3deg; + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .sm\:skew-y-6 { - --transform-skew-y: 6deg; + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .sm\:skew-y-12 { - --transform-skew-y: 12deg; + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } + .sm\:translate-x-40 { + --transform-translate-x: 10rem; + } - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .sm\:transition-none { - transition-property: none; + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .sm\:transition-all { - transition-property: all; + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .sm\:transition-opacity { - transition-property: opacity; + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .sm\:transition-shadow { - transition-property: box-shadow; + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .sm\:transition-transform { - transition-property: transform; + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .sm\:ease-linear { - transition-timing-function: linear; + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .sm\:duration-75 { - transition-duration: 75ms; + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .sm\:duration-100 { - transition-duration: 100ms; + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .sm\:duration-150 { - transition-duration: 150ms; + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .sm\:duration-200 { - transition-duration: 200ms; + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .sm\:duration-300 { - transition-duration: 300ms; + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .sm\:duration-500 { - transition-duration: 500ms; + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .sm\:duration-700 { - transition-duration: 700ms; + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .sm\:duration-1000 { - transition-duration: 1000ms; + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .sm\:example { - font-weight: 700; - color: #f56565; + .sm\:-translate-x-px { + --transform-translate-x: -1px; } -} -@media (min-width: 768px) { - .md\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:-translate-x-full { + --transform-translate-x: -100%; } - .md\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .md\:appearance-none { - appearance: none; + .sm\:translate-y-0 { + --transform-translate-y: 0; } - .md\:bg-fixed { - background-attachment: fixed; + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .md\:bg-local { - background-attachment: local; + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .md\:bg-scroll { - background-attachment: scroll; + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .md\:bg-transparent { - background-color: transparent; + .sm\:translate-y-4 { + --transform-translate-y: 1rem; } - .md\:bg-black { - background-color: #000; + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .md\:bg-white { - background-color: #fff; + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .md\:bg-gray-100 { - background-color: #f7fafc; + .sm\:translate-y-8 { + --transform-translate-y: 2rem; } - .md\:bg-gray-200 { - background-color: #edf2f7; + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .md\:bg-gray-300 { - background-color: #e2e8f0; + .sm\:translate-y-12 { + --transform-translate-y: 3rem; } - .md\:bg-gray-400 { - background-color: #cbd5e0; + .sm\:translate-y-16 { + --transform-translate-y: 4rem; } - .md\:bg-gray-500 { - background-color: #a0aec0; + .sm\:translate-y-20 { + --transform-translate-y: 5rem; } - .md\:bg-gray-600 { - background-color: #718096; + .sm\:translate-y-24 { + --transform-translate-y: 6rem; } - .md\:bg-gray-700 { - background-color: #4a5568; + .sm\:translate-y-32 { + --transform-translate-y: 8rem; } - .md\:bg-gray-800 { - background-color: #2d3748; + .sm\:translate-y-40 { + --transform-translate-y: 10rem; } - .md\:bg-gray-900 { - background-color: #1a202c; + .sm\:translate-y-48 { + --transform-translate-y: 12rem; } - .md\:bg-red-100 { - background-color: #fff5f5; + .sm\:translate-y-56 { + --transform-translate-y: 14rem; } - .md\:bg-red-200 { - background-color: #fed7d7; + .sm\:translate-y-64 { + --transform-translate-y: 16rem; } - .md\:bg-red-300 { - background-color: #feb2b2; + .sm\:translate-y-px { + --transform-translate-y: 1px; } - .md\:bg-red-400 { - background-color: #fc8181; + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .md\:bg-red-500 { - background-color: #f56565; + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .md\:bg-red-600 { - background-color: #e53e3e; + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .md\:bg-red-700 { - background-color: #c53030; + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; } - .md\:bg-red-800 { - background-color: #9b2c2c; + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .md\:bg-red-900 { - background-color: #742a2a; + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .md\:bg-orange-100 { - background-color: #fffaf0; + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; } - .md\:bg-orange-200 { - background-color: #feebc8; + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .md\:bg-orange-300 { - background-color: #fbd38d; + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; } - .md\:bg-orange-400 { - background-color: #f6ad55; + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; } - .md\:bg-orange-500 { - background-color: #ed8936; + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; } - .md\:bg-orange-600 { - background-color: #dd6b20; + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; } - .md\:bg-orange-700 { - background-color: #c05621; + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; } - .md\:bg-orange-800 { - background-color: #9c4221; + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; } - .md\:bg-orange-900 { - background-color: #7b341e; + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; } - .md\:bg-yellow-100 { - background-color: #fffff0; + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; } - .md\:bg-yellow-200 { - background-color: #fefcbf; + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; } - .md\:bg-yellow-300 { - background-color: #faf089; + .sm\:-translate-y-px { + --transform-translate-y: -1px; } - .md\:bg-yellow-400 { - background-color: #f6e05e; + .sm\:-translate-y-full { + --transform-translate-y: -100%; } - .md\:bg-yellow-500 { - background-color: #ecc94b; + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .md\:bg-yellow-600 { - background-color: #d69e2e; + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .md\:bg-yellow-700 { - background-color: #b7791f; + .sm\:translate-y-full { + --transform-translate-y: 100%; } - .md\:bg-yellow-800 { - background-color: #975a16; + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .md\:bg-yellow-900 { - background-color: #744210; + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .md\:bg-green-100 { - background-color: #f0fff4; + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .md\:bg-green-200 { - background-color: #c6f6d5; + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .md\:bg-green-300 { - background-color: #9ae6b4; + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .md\:bg-green-400 { - background-color: #68d391; + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .md\:bg-green-500 { - background-color: #48bb78; + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .md\:bg-green-600 { - background-color: #38a169; + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .md\:bg-green-700 { - background-color: #2f855a; + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .md\:bg-green-800 { - background-color: #276749; + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .md\:bg-green-900 { - background-color: #22543d; + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .md\:bg-teal-100 { - background-color: #e6fffa; + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .md\:bg-teal-200 { - background-color: #b2f5ea; + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .md\:bg-teal-300 { - background-color: #81e6d9; + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .md\:bg-teal-400 { - background-color: #4fd1c5; + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .md\:bg-teal-500 { - background-color: #38b2ac; + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .md\:bg-teal-600 { - background-color: #319795; + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .md\:bg-teal-700 { - background-color: #2c7a7b; + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .md\:bg-teal-800 { - background-color: #285e61; + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .md\:bg-teal-900 { - background-color: #234e52; + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .md\:bg-blue-100 { - background-color: #ebf8ff; + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .md\:bg-blue-200 { - background-color: #bee3f8; + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .md\:bg-blue-300 { - background-color: #90cdf4; + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .md\:bg-blue-400 { - background-color: #63b3ed; + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .md\:bg-blue-500 { - background-color: #4299e1; + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .md\:bg-blue-600 { - background-color: #3182ce; + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .md\:bg-blue-700 { - background-color: #2b6cb0; + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .md\:bg-blue-800 { - background-color: #2c5282; + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .md\:bg-blue-900 { - background-color: #2a4365; + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .md\:bg-indigo-100 { - background-color: #ebf4ff; + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .md\:bg-indigo-200 { - background-color: #c3dafe; + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .md\:bg-indigo-300 { - background-color: #a3bffa; + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .md\:bg-indigo-400 { - background-color: #7f9cf5; + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .md\:bg-indigo-500 { - background-color: #667eea; + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .md\:bg-indigo-600 { - background-color: #5a67d8; + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .md\:bg-indigo-700 { - background-color: #4c51bf; + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .md\:bg-indigo-800 { - background-color: #434190; + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .md\:bg-indigo-900 { - background-color: #3c366b; + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .md\:bg-purple-100 { - background-color: #faf5ff; + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .md\:bg-purple-200 { - background-color: #e9d8fd; + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .md\:bg-purple-300 { - background-color: #d6bcfa; + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .md\:bg-purple-400 { - background-color: #b794f4; + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .md\:bg-purple-500 { - background-color: #9f7aea; + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .md\:bg-purple-600 { - background-color: #805ad5; + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .md\:bg-purple-700 { - background-color: #6b46c1; + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .md\:bg-purple-800 { - background-color: #553c9a; + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .md\:bg-purple-900 { - background-color: #44337a; + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .md\:bg-pink-100 { - background-color: #fff5f7; + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .md\:bg-pink-200 { - background-color: #fed7e2; + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .md\:bg-pink-300 { - background-color: #fbb6ce; + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .md\:bg-pink-400 { - background-color: #f687b3; + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .md\:bg-pink-500 { - background-color: #ed64a6; + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .md\:bg-pink-600 { - background-color: #d53f8c; + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .md\:bg-pink-700 { - background-color: #b83280; + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .md\:bg-pink-800 { - background-color: #97266d; + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .md\:bg-pink-900 { - background-color: #702459; + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .md\:hover\:bg-black:hover { - background-color: #000; + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .md\:hover\:bg-white:hover { - background-color: #fff; + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .md\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .md\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .md\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .md\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .md\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .md\:hover\:bg-gray-600:hover { - background-color: #718096; + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .md\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .md\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .md\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .md\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .md\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .md\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .md\:hover\:bg-red-400:hover { - background-color: #fc8181; + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .md\:hover\:bg-red-500:hover { - background-color: #f56565; + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .md\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .md\:hover\:bg-red-700:hover { - background-color: #c53030; + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .md\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .md\:hover\:bg-red-900:hover { - background-color: #742a2a; + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .md\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .md\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .md\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .md\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .md\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .md\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .md\:hover\:bg-orange-700:hover { - background-color: #c05621; + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .md\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .md\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .md\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .md\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .md\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .md\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .md\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .md\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .md\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .md\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .md\:hover\:bg-yellow-900:hover { - background-color: #744210; + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .md\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .md\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .md\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .md\:hover\:bg-green-400:hover { - background-color: #68d391; + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .md\:hover\:bg-green-500:hover { - background-color: #48bb78; + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .md\:hover\:bg-green-600:hover { - background-color: #38a169; + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .md\:hover\:bg-green-700:hover { - background-color: #2f855a; + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .md\:hover\:bg-green-800:hover { - background-color: #276749; + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .md\:hover\:bg-green-900:hover { - background-color: #22543d; + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .md\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .md\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .md\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .md\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .md\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .md\:hover\:bg-teal-600:hover { - background-color: #319795; + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .md\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .md\:hover\:bg-teal-800:hover { - background-color: #285e61; + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .md\:hover\:bg-teal-900:hover { - background-color: #234e52; + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .md\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .md\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .md\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .md\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .md\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .md\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .md\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .md\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .md\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .md\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .md\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .md\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .md\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .md\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .md\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .md\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .md\:hover\:bg-indigo-800:hover { - background-color: #434190; + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .md\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .md\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .md\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .md\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .md\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .md\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .md\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .md\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .md\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .md\:hover\:bg-purple-900:hover { - background-color: #44337a; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .md\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .md\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .md\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .md\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .md\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .md\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .md\:hover\:bg-pink-700:hover { - background-color: #b83280; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .md\:hover\:bg-pink-800:hover { - background-color: #97266d; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .md\:hover\:bg-pink-900:hover { - background-color: #702459; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .md\:focus\:bg-transparent:focus { - background-color: transparent; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .md\:focus\:bg-black:focus { - background-color: #000; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .md\:focus\:bg-white:focus { - background-color: #fff; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .md\:focus\:bg-gray-100:focus { - background-color: #f7fafc; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .md\:focus\:bg-gray-200:focus { - background-color: #edf2f7; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .md\:focus\:bg-gray-300:focus { - background-color: #e2e8f0; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .md\:focus\:bg-gray-400:focus { - background-color: #cbd5e0; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .md\:focus\:bg-gray-500:focus { - background-color: #a0aec0; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .md\:focus\:bg-gray-600:focus { - background-color: #718096; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .md\:focus\:bg-gray-700:focus { - background-color: #4a5568; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .md\:focus\:bg-gray-800:focus { - background-color: #2d3748; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .md\:focus\:bg-gray-900:focus { - background-color: #1a202c; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .md\:focus\:bg-red-100:focus { - background-color: #fff5f5; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .md\:focus\:bg-red-200:focus { - background-color: #fed7d7; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .md\:focus\:bg-red-300:focus { - background-color: #feb2b2; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .md\:focus\:bg-red-400:focus { - background-color: #fc8181; + .sm\:skew-x-0 { + --transform-skew-x: 0; } - .md\:focus\:bg-red-500:focus { - background-color: #f56565; + .sm\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:focus\:bg-red-600:focus { - background-color: #e53e3e; + .sm\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:focus\:bg-red-700:focus { - background-color: #c53030; + .sm\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:focus\:bg-red-800:focus { - background-color: #9b2c2c; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:focus\:bg-red-900:focus { - background-color: #742a2a; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:focus\:bg-orange-100:focus { - background-color: #fffaf0; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:focus\:bg-orange-200:focus { - background-color: #feebc8; + .sm\:skew-y-0 { + --transform-skew-y: 0; } - .md\:focus\:bg-orange-300:focus { - background-color: #fbd38d; + .sm\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:focus\:bg-orange-400:focus { - background-color: #f6ad55; + .sm\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:focus\:bg-orange-500:focus { - background-color: #ed8936; + .sm\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:focus\:bg-orange-600:focus { - background-color: #dd6b20; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:focus\:bg-orange-700:focus { - background-color: #c05621; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:focus\:bg-orange-800:focus { - background-color: #9c4221; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:focus\:bg-orange-900:focus { - background-color: #7b341e; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:focus\:bg-yellow-100:focus { - background-color: #fffff0; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:focus\:bg-yellow-200:focus { - background-color: #fefcbf; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:focus\:bg-yellow-300:focus { - background-color: #faf089; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:focus\:bg-yellow-400:focus { - background-color: #f6e05e; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:focus\:bg-yellow-500:focus { - background-color: #ecc94b; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:focus\:bg-yellow-600:focus { - background-color: #d69e2e; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:focus\:bg-yellow-700:focus { - background-color: #b7791f; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:focus\:bg-yellow-800:focus { - background-color: #975a16; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:focus\:bg-yellow-900:focus { - background-color: #744210; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:focus\:bg-green-100:focus { - background-color: #f0fff4; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:focus\:bg-green-200:focus { - background-color: #c6f6d5; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:focus\:bg-green-300:focus { - background-color: #9ae6b4; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:focus\:bg-green-400:focus { - background-color: #68d391; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:focus\:bg-green-500:focus { - background-color: #48bb78; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:focus\:bg-green-600:focus { - background-color: #38a169; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:focus\:bg-green-700:focus { - background-color: #2f855a; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:focus\:bg-green-800:focus { - background-color: #276749; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:focus\:bg-green-900:focus { - background-color: #22543d; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:focus\:bg-teal-100:focus { - background-color: #e6fffa; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:focus\:bg-teal-200:focus { - background-color: #b2f5ea; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:focus\:bg-teal-300:focus { - background-color: #81e6d9; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:focus\:bg-teal-400:focus { - background-color: #4fd1c5; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:focus\:bg-teal-500:focus { - background-color: #38b2ac; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:focus\:bg-teal-600:focus { - background-color: #319795; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:focus\:bg-teal-700:focus { - background-color: #2c7a7b; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:focus\:bg-teal-800:focus { - background-color: #285e61; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:focus\:bg-teal-900:focus { - background-color: #234e52; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:focus\:bg-blue-100:focus { - background-color: #ebf8ff; + .sm\:transition-none { + transition-property: none; } - .md\:focus\:bg-blue-200:focus { - background-color: #bee3f8; + .sm\:transition-all { + transition-property: all; } - .md\:focus\:bg-blue-300:focus { - background-color: #90cdf4; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:focus\:bg-blue-400:focus { - background-color: #63b3ed; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:focus\:bg-blue-500:focus { - background-color: #4299e1; + .sm\:transition-opacity { + transition-property: opacity; } - .md\:focus\:bg-blue-600:focus { - background-color: #3182ce; + .sm\:transition-shadow { + transition-property: box-shadow; } - .md\:focus\:bg-blue-700:focus { - background-color: #2b6cb0; + .sm\:transition-transform { + transition-property: transform; } - .md\:focus\:bg-blue-800:focus { - background-color: #2c5282; + .sm\:ease-linear { + transition-timing-function: linear; } - .md\:focus\:bg-blue-900:focus { - background-color: #2a4365; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:focus\:bg-indigo-200:focus { - background-color: #c3dafe; + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .md\:focus\:bg-indigo-300:focus { - background-color: #a3bffa; + .sm\:duration-75 { + transition-duration: 75ms; } - .md\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5; + .sm\:duration-100 { + transition-duration: 100ms; } - .md\:focus\:bg-indigo-500:focus { - background-color: #667eea; + .sm\:duration-150 { + transition-duration: 150ms; } - .md\:focus\:bg-indigo-600:focus { - background-color: #5a67d8; + .sm\:duration-200 { + transition-duration: 200ms; } - .md\:focus\:bg-indigo-700:focus { - background-color: #4c51bf; + .sm\:duration-300 { + transition-duration: 300ms; } - .md\:focus\:bg-indigo-800:focus { - background-color: #434190; + .sm\:duration-500 { + transition-duration: 500ms; } - .md\:focus\:bg-indigo-900:focus { - background-color: #3c366b; + .sm\:duration-700 { + transition-duration: 700ms; } - .md\:focus\:bg-purple-100:focus { - background-color: #faf5ff; + .sm\:duration-1000 { + transition-duration: 1000ms; } - .md\:focus\:bg-purple-200:focus { - background-color: #e9d8fd; + .sm\:delay-75 { + transition-delay: 75ms; } - .md\:focus\:bg-purple-300:focus { - background-color: #d6bcfa; + .sm\:delay-100 { + transition-delay: 100ms; } - .md\:focus\:bg-purple-400:focus { - background-color: #b794f4; + .sm\:delay-150 { + transition-delay: 150ms; } - .md\:focus\:bg-purple-500:focus { - background-color: #9f7aea; + .sm\:delay-200 { + transition-delay: 200ms; } - .md\:focus\:bg-purple-600:focus { - background-color: #805ad5; + .sm\:delay-300 { + transition-delay: 300ms; } - .md\:focus\:bg-purple-700:focus { - background-color: #6b46c1; + .sm\:delay-500 { + transition-delay: 500ms; } - .md\:focus\:bg-purple-800:focus { - background-color: #553c9a; + .sm\:delay-700 { + transition-delay: 700ms; } - .md\:focus\:bg-purple-900:focus { - background-color: #44337a; + .sm\:delay-1000 { + transition-delay: 1000ms; } - .md\:focus\:bg-pink-100:focus { - background-color: #fff5f7; + .sm\:example { + font-weight: 700; + color: #f56565; } +} - .md\:focus\:bg-pink-200:focus { - background-color: #fed7e2; +@media (min-width: 768px) { + .md\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0px * var(--space-y-reverse)); } - .md\:focus\:bg-pink-300:focus { - background-color: #fbb6ce; + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .md\:focus\:bg-pink-400:focus { - background-color: #f687b3; + .md\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .md\:focus\:bg-pink-500:focus { - background-color: #ed64a6; + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:bg-pink-600:focus { - background-color: #d53f8c; + .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\:focus\:bg-pink-700:focus { - background-color: #b83280; + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:bg-pink-800:focus { - background-color: #97266d; + .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\:focus\:bg-pink-900:focus { - background-color: #702459; + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-bottom { - background-position: bottom; + .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\:bg-center { - background-position: center; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-left { - background-position: left; + .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\:bg-left-bottom { - background-position: left bottom; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-left-top { - background-position: left top; + .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\:bg-right { - background-position: right; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-right-bottom { - background-position: right bottom; + .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\:bg-right-top { - background-position: right top; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-top { - background-position: top; + .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\:bg-repeat { - background-repeat: repeat; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .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\:bg-repeat-x { - background-repeat: repeat-x; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .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\:bg-repeat-round { - background-repeat: round; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-repeat-space { - background-repeat: space; + .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\:bg-auto { - background-size: auto; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-cover { - background-size: cover; + .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\:bg-contain { - background-size: contain; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:border-collapse { - border-collapse: collapse; + .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\:border-separate { - border-collapse: separate; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:border-transparent { + .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-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * 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-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * 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-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * 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-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * 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-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * 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-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-1rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * 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-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * 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-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * 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-right: calc(-4rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-5rem * var(--space-x-reverse)); + margin-left: 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-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * 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-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * 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-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * 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-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * 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-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * 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-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * 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-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * 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-right-width: calc(0px * var(--divide-x-reverse)); + border-left-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-right-width: calc(2px * var(--divide-x-reverse)); + border-left-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-right-width: calc(4px * var(--divide-x-reverse)); + border-left-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-right-width: calc(8px * var(--divide-x-reverse)); + border-left-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-right-width: calc(1px * var(--divide-x-reverse)); + border-left-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\:border-black { + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } + + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:border-white { + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:border-gray-100 { + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--divide-opacity)); } - .md\:border-gray-200 { + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--divide-opacity)); } - .md\:border-gray-300 { + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--divide-opacity)); } - .md\:border-gray-400 { + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--divide-opacity)); } - .md\:border-gray-500 { + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--divide-opacity)); } - .md\:border-gray-600 { + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--divide-opacity)); } - .md\:border-gray-700 { + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--divide-opacity)); } - .md\:border-gray-800 { + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--divide-opacity)); } - .md\:border-gray-900 { + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--divide-opacity)); } - .md\:border-red-100 { + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--divide-opacity)); } - .md\:border-red-200 { + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--divide-opacity)); } - .md\:border-red-300 { + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--divide-opacity)); } - .md\:border-red-400 { + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--divide-opacity)); } - .md\:border-red-500 { + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--divide-opacity)); } - .md\:border-red-600 { + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--divide-opacity)); } - .md\:border-red-700 { + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--divide-opacity)); } - .md\:border-red-800 { + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--divide-opacity)); } - .md\:border-red-900 { + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--divide-opacity)); } - .md\:border-orange-100 { + .md\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--divide-opacity)); } - .md\:border-orange-200 { + .md\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--divide-opacity)); } - .md\:border-orange-300 { + .md\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--divide-opacity)); } - .md\:border-orange-400 { + .md\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--divide-opacity)); } - .md\:border-orange-500 { + .md\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--divide-opacity)); } - .md\:border-orange-600 { + .md\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--divide-opacity)); } - .md\:border-orange-700 { + .md\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--divide-opacity)); } - .md\:border-orange-800 { + .md\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--divide-opacity)); } - .md\:border-orange-900 { + .md\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--divide-opacity)); } - .md\:border-yellow-100 { + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--divide-opacity)); } - .md\:border-yellow-200 { + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--divide-opacity)); } - .md\:border-yellow-300 { + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--divide-opacity)); } - .md\:border-yellow-400 { + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--divide-opacity)); } - .md\:border-yellow-500 { + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--divide-opacity)); } - .md\:border-yellow-600 { + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--divide-opacity)); } - .md\:border-yellow-700 { + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--divide-opacity)); } - .md\:border-yellow-800 { + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--divide-opacity)); } - .md\:border-yellow-900 { + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--divide-opacity)); } - .md\:border-green-100 { + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--divide-opacity)); } - .md\:border-green-200 { + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--divide-opacity)); } - .md\:border-green-300 { + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--divide-opacity)); } - .md\:border-green-400 { + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--divide-opacity)); } - .md\:border-green-500 { + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--divide-opacity)); } - .md\:border-green-600 { + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--divide-opacity)); } - .md\:border-green-700 { + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--divide-opacity)); } - .md\:border-green-800 { + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--divide-opacity)); } - .md\:border-green-900 { + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--divide-opacity)); } - .md\:border-teal-100 { + .md\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--divide-opacity)); } - .md\:border-teal-200 { + .md\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--divide-opacity)); } - .md\:border-teal-300 { + .md\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--divide-opacity)); } - .md\:border-teal-400 { + .md\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--divide-opacity)); } - .md\:border-teal-500 { + .md\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--divide-opacity)); } - .md\:border-teal-600 { + .md\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--divide-opacity)); } - .md\:border-teal-700 { + .md\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--divide-opacity)); } - .md\:border-teal-800 { + .md\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--divide-opacity)); } - .md\:border-teal-900 { + .md\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--divide-opacity)); } - .md\:border-blue-100 { + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--divide-opacity)); } - .md\:border-blue-200 { + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--divide-opacity)); } - .md\:border-blue-300 { + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--divide-opacity)); } - .md\:border-blue-400 { + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--divide-opacity)); } - .md\:border-blue-500 { + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--divide-opacity)); } - .md\:border-blue-600 { + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--divide-opacity)); } - .md\:border-blue-700 { + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--divide-opacity)); } - .md\:border-blue-800 { + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--divide-opacity)); } - .md\:border-blue-900 { + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--divide-opacity)); } - .md\:border-indigo-100 { + .md\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--divide-opacity)); } - .md\:border-indigo-200 { + .md\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--divide-opacity)); } - .md\:border-indigo-300 { + .md\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--divide-opacity)); } - .md\:border-indigo-400 { + .md\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--divide-opacity)); } - .md\:border-indigo-500 { + .md\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--divide-opacity)); } - .md\:border-indigo-600 { + .md\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--divide-opacity)); } - .md\:border-indigo-700 { + .md\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--divide-opacity)); } - .md\:border-indigo-800 { + .md\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--divide-opacity)); } - .md\:border-indigo-900 { + .md\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--divide-opacity)); } - .md\:border-purple-100 { + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--divide-opacity)); } - .md\:border-purple-200 { + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--divide-opacity)); } - .md\:border-purple-300 { + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--divide-opacity)); } - .md\:border-purple-400 { + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--divide-opacity)); } - .md\:border-purple-500 { + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--divide-opacity)); } - .md\:border-purple-600 { + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--divide-opacity)); } - .md\:border-purple-700 { + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--divide-opacity)); } - .md\:border-purple-800 { + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--divide-opacity)); } - .md\:border-purple-900 { + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--divide-opacity)); } - .md\:border-pink-100 { + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--divide-opacity)); } - .md\:border-pink-200 { + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--divide-opacity)); } - .md\:border-pink-300 { + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--divide-opacity)); } - .md\:border-pink-400 { + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--divide-opacity)); } - .md\:border-pink-500 { + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--divide-opacity)); } - .md\:border-pink-600 { + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--divide-opacity)); } - .md\:border-pink-700 { + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--divide-opacity)); } - .md\:border-pink-800 { + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--divide-opacity)); } - .md\:border-pink-900 { + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--divide-opacity)); } - .md\:hover\:border-transparent:hover { - border-color: transparent; - } - - .md\:hover\:border-black:hover { - border-color: #000; + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:hover\:border-white:hover { - border-color: #fff; + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .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\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:hover\:border-gray-600:hover { - border-color: #718096; + .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\:hover\:border-gray-700:hover { - border-color: #4a5568; + .md\: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-gray-800:hover { - border-color: #2d3748; + .md\:appearance-none { + appearance: none; } - .md\:hover\:border-gray-900:hover { - border-color: #1a202c; + .md\:bg-fixed { + background-attachment: fixed; } - .md\:hover\:border-red-100:hover { - border-color: #fff5f5; + .md\:bg-local { + background-attachment: local; } - .md\:hover\:border-red-200:hover { - border-color: #fed7d7; + .md\:bg-scroll { + background-attachment: scroll; } - .md\:hover\:border-red-300:hover { - border-color: #feb2b2; + .md\:bg-transparent { + background-color: transparent; } - .md\:hover\:border-red-400:hover { - border-color: #fc8181; + .md\:bg-current { + background-color: currentColor; } - .md\:hover\:border-red-500:hover { - border-color: #f56565; + .md\:bg-black { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:border-red-600:hover { - border-color: #e53e3e; + .md\:bg-white { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:border-red-700:hover { - border-color: #c53030; + .md\:bg-gray-100 { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .md\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .md\:bg-gray-200 { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .md\:hover\:border-red-900:hover { - border-color: #742a2a; + .md\:bg-gray-300 { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .md\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .md\:bg-gray-400 { + --bg-opacity: 1; + background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .md\:hover\:border-orange-200:hover { - border-color: #feebc8; + .md\:bg-gray-500 { + --bg-opacity: 1; + background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .md\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .md\:bg-gray-600 { + --bg-opacity: 1; + background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .md\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .md\:bg-gray-700 { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .md\:hover\:border-orange-500:hover { - border-color: #ed8936; + .md\:bg-gray-800 { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .md\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .md\:bg-gray-900 { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .md\:hover\:border-orange-700:hover { - border-color: #c05621; + .md\:bg-red-100 { + --bg-opacity: 1; + background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .md\:hover\:border-orange-800:hover { - border-color: #9c4221; + .md\:bg-red-200 { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .md\:hover\:border-orange-900:hover { - border-color: #7b341e; + .md\:bg-red-300 { + --bg-opacity: 1; + background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .md\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .md\:bg-red-400 { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .md\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .md\:bg-red-500 { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .md\:hover\:border-yellow-300:hover { - border-color: #faf089; + .md\:bg-red-600 { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .md\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .md\:bg-red-700 { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .md\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .md\:bg-red-800 { + --bg-opacity: 1; + background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .md\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .md\:bg-red-900 { + --bg-opacity: 1; + background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .md\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .md\:bg-orange-100 { + --bg-opacity: 1; + background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .md\:hover\:border-yellow-800:hover { - border-color: #975a16; + .md\:bg-orange-200 { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .md\:hover\:border-yellow-900:hover { - border-color: #744210; + .md\:bg-orange-300 { + --bg-opacity: 1; + background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .md\:hover\:border-green-100:hover { - border-color: #f0fff4; + .md\:bg-orange-400 { + --bg-opacity: 1; + background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .md\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .md\:bg-orange-500 { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .md\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .md\:bg-orange-600 { + --bg-opacity: 1; + background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .md\:hover\:border-green-400:hover { - border-color: #68d391; + .md\:bg-orange-700 { + --bg-opacity: 1; + background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .md\:hover\:border-green-500:hover { - border-color: #48bb78; + .md\:bg-orange-800 { + --bg-opacity: 1; + background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .md\:hover\:border-green-600:hover { - border-color: #38a169; + .md\:bg-orange-900 { + --bg-opacity: 1; + background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .md\:hover\:border-green-700:hover { - border-color: #2f855a; + .md\:bg-yellow-100 { + --bg-opacity: 1; + background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .md\:hover\:border-green-800:hover { - border-color: #276749; + .md\:bg-yellow-200 { + --bg-opacity: 1; + background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .md\:hover\:border-green-900:hover { - border-color: #22543d; + .md\:bg-yellow-300 { + --bg-opacity: 1; + background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .md\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .md\:bg-yellow-400 { + --bg-opacity: 1; + background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .md\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .md\:bg-yellow-500 { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .md\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .md\:bg-yellow-600 { + --bg-opacity: 1; + background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .md\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .md\:bg-yellow-700 { + --bg-opacity: 1; + background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .md\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .md\:bg-yellow-800 { + --bg-opacity: 1; + background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .md\:hover\:border-teal-600:hover { - border-color: #319795; + .md\:bg-yellow-900 { + --bg-opacity: 1; + background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .md\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .md\:bg-green-100 { + --bg-opacity: 1; + background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .md\:hover\:border-teal-800:hover { - border-color: #285e61; + .md\:bg-green-200 { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .md\:hover\:border-teal-900:hover { - border-color: #234e52; + .md\:bg-green-300 { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .md\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .md\:bg-green-400 { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .md\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .md\:bg-green-500 { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .md\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .md\:bg-green-600 { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .md\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .md\:bg-green-700 { + --bg-opacity: 1; + background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .md\:hover\:border-blue-500:hover { - border-color: #4299e1; + .md\:bg-green-800 { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .md\:hover\:border-blue-600:hover { - border-color: #3182ce; + .md\:bg-green-900 { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .md\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .md\:bg-teal-100 { + --bg-opacity: 1; + background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .md\:hover\:border-blue-800:hover { - border-color: #2c5282; + .md\:bg-teal-200 { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .md\:hover\:border-blue-900:hover { - border-color: #2a4365; + .md\:bg-teal-300 { + --bg-opacity: 1; + background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .md\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .md\:bg-teal-400 { + --bg-opacity: 1; + background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .md\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .md\:bg-teal-500 { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .md\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .md\:bg-teal-600 { + --bg-opacity: 1; + background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .md\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .md\:bg-teal-700 { + --bg-opacity: 1; + background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .md\:hover\:border-indigo-500:hover { - border-color: #667eea; + .md\:bg-teal-800 { + --bg-opacity: 1; + background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .md\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .md\:bg-teal-900 { + --bg-opacity: 1; + background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .md\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .md\:bg-blue-100 { + --bg-opacity: 1; + background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .md\:hover\:border-indigo-800:hover { - border-color: #434190; + .md\:bg-blue-200 { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .md\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .md\:bg-blue-300 { + --bg-opacity: 1; + background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .md\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .md\:bg-blue-400 { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .md\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .md\:bg-blue-500 { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .md\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .md\:bg-blue-600 { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .md\:hover\:border-purple-400:hover { - border-color: #b794f4; + .md\:bg-blue-700 { + --bg-opacity: 1; + background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .md\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .md\:bg-blue-800 { + --bg-opacity: 1; + background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .md\:hover\:border-purple-600:hover { - border-color: #805ad5; + .md\:bg-blue-900 { + --bg-opacity: 1; + background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .md\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .md\:bg-indigo-100 { + --bg-opacity: 1; + background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .md\:hover\:border-purple-800:hover { - border-color: #553c9a; + .md\:bg-indigo-200 { + --bg-opacity: 1; + background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .md\:hover\:border-purple-900:hover { - border-color: #44337a; + .md\:bg-indigo-300 { + --bg-opacity: 1; + background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .md\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .md\:bg-indigo-400 { + --bg-opacity: 1; + background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .md\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .md\:bg-indigo-500 { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .md\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .md\:bg-indigo-600 { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .md\:hover\:border-pink-400:hover { - border-color: #f687b3; + .md\:bg-indigo-700 { + --bg-opacity: 1; + background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .md\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .md\:bg-indigo-800 { + --bg-opacity: 1; + background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .md\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .md\:bg-indigo-900 { + --bg-opacity: 1; + background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .md\:hover\:border-pink-700:hover { - border-color: #b83280; + .md\:bg-purple-100 { + --bg-opacity: 1; + background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .md\:hover\:border-pink-800:hover { - border-color: #97266d; + .md\:bg-purple-200 { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .md\:hover\:border-pink-900:hover { - border-color: #702459; + .md\:bg-purple-300 { + --bg-opacity: 1; + background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .md\:bg-purple-400 { + --bg-opacity: 1; + background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .md\:focus\:border-black:focus { - border-color: #000; + .md\:bg-purple-500 { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .md\:focus\:border-white:focus { - border-color: #fff; + .md\:bg-purple-600 { + --bg-opacity: 1; + background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .md\:focus\:border-gray-100:focus { - border-color: #f7fafc; + .md\:bg-purple-700 { + --bg-opacity: 1; + background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .md\:focus\:border-gray-200:focus { - border-color: #edf2f7; + .md\:bg-purple-800 { + --bg-opacity: 1; + background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .md\:focus\:border-gray-300:focus { - border-color: #e2e8f0; + .md\:bg-purple-900 { + --bg-opacity: 1; + background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .md\:focus\:border-gray-400:focus { - border-color: #cbd5e0; + .md\:bg-pink-100 { + --bg-opacity: 1; + background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .md\:focus\:border-gray-500:focus { - border-color: #a0aec0; + .md\:bg-pink-200 { + --bg-opacity: 1; + background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .md\:focus\:border-gray-600:focus { - border-color: #718096; + .md\:bg-pink-300 { + --bg-opacity: 1; + background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .md\:focus\:border-gray-700:focus { - border-color: #4a5568; + .md\:bg-pink-400 { + --bg-opacity: 1; + background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .md\:focus\:border-gray-800:focus { - border-color: #2d3748; + .md\:bg-pink-500 { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .md\:focus\:border-gray-900:focus { - border-color: #1a202c; + .md\:bg-pink-600 { + --bg-opacity: 1; + background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .md\:focus\:border-red-100:focus { - border-color: #fff5f5; + .md\:bg-pink-700 { + --bg-opacity: 1; + background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .md\:focus\:border-red-200:focus { - border-color: #fed7d7; + .md\:bg-pink-800 { + --bg-opacity: 1; + background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .md\:focus\:border-red-300:focus { - border-color: #feb2b2; + .md\:bg-pink-900 { + --bg-opacity: 1; + background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .md\:focus\:border-red-400:focus { - border-color: #fc8181; + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:focus\:border-red-500:focus { - border-color: #f56565; + .md\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:focus\:border-red-600:focus { - border-color: #e53e3e; + .md\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:focus\:border-red-700:focus { - border-color: #c53030; + .md\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:focus\:border-red-800:focus { - border-color: #9b2c2c; + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .md\:focus\:border-red-900:focus { - border-color: #742a2a; + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .md\:focus\:border-orange-100:focus { - border-color: #fffaf0; + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .md\:focus\:border-orange-200:focus { - border-color: #feebc8; + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .md\:focus\:border-orange-300:focus { - border-color: #fbd38d; + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .md\:focus\:border-orange-400:focus { - border-color: #f6ad55; + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .md\:focus\:border-orange-500:focus { - border-color: #ed8936; + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .md\:focus\:border-orange-600:focus { - border-color: #dd6b20; + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .md\:focus\:border-orange-700:focus { - border-color: #c05621; + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .md\:focus\:border-orange-800:focus { - border-color: #9c4221; + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .md\:focus\:border-orange-900:focus { - border-color: #7b341e; + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .md\:focus\:border-yellow-100:focus { - border-color: #fffff0; + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .md\:focus\:border-yellow-200:focus { - border-color: #fefcbf; + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .md\:focus\:border-yellow-300:focus { - border-color: #faf089; + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .md\:focus\:border-yellow-400:focus { - border-color: #f6e05e; + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .md\:focus\:border-yellow-500:focus { - border-color: #ecc94b; + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .md\:focus\:border-yellow-600:focus { - border-color: #d69e2e; + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .md\:focus\:border-yellow-700:focus { - border-color: #b7791f; + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .md\:focus\:border-yellow-800:focus { - border-color: #975a16; + .md\:hover\:bg-orange-100:hover { + --bg-opacity: 1; + background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .md\:focus\:border-yellow-900:focus { - border-color: #744210; + .md\:hover\:bg-orange-200:hover { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .md\:focus\:border-green-100:focus { - border-color: #f0fff4; + .md\:hover\:bg-orange-300:hover { + --bg-opacity: 1; + background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .md\:focus\:border-green-200:focus { - border-color: #c6f6d5; + .md\:hover\:bg-orange-400:hover { + --bg-opacity: 1; + background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .md\:focus\:border-green-300:focus { - border-color: #9ae6b4; + .md\:hover\:bg-orange-500:hover { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .md\:focus\:border-green-400:focus { - border-color: #68d391; + .md\:hover\:bg-orange-600:hover { + --bg-opacity: 1; + background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .md\:focus\:border-green-500:focus { - border-color: #48bb78; + .md\:hover\:bg-orange-700:hover { + --bg-opacity: 1; + background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .md\:focus\:border-green-600:focus { - border-color: #38a169; + .md\:hover\:bg-orange-800:hover { + --bg-opacity: 1; + background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .md\:focus\:border-green-700:focus { - border-color: #2f855a; + .md\:hover\:bg-orange-900:hover { + --bg-opacity: 1; + background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .md\:focus\:border-green-800:focus { - border-color: #276749; + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .md\:focus\:border-green-900:focus { - border-color: #22543d; + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .md\:focus\:border-teal-100:focus { - border-color: #e6fffa; + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .md\:focus\:border-teal-200:focus { - border-color: #b2f5ea; + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .md\:focus\:border-teal-300:focus { - border-color: #81e6d9; + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .md\:focus\:border-teal-400:focus { - border-color: #4fd1c5; + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .md\:focus\:border-teal-500:focus { - border-color: #38b2ac; + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .md\:focus\:border-teal-600:focus { - border-color: #319795; + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .md\:focus\:border-teal-700:focus { - border-color: #2c7a7b; + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .md\:focus\:border-teal-800:focus { - border-color: #285e61; + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .md\:focus\:border-teal-900:focus { - border-color: #234e52; + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .md\:focus\:border-blue-100:focus { - border-color: #ebf8ff; + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .md\:focus\:border-blue-200:focus { - border-color: #bee3f8; + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .md\:focus\:border-blue-300:focus { - border-color: #90cdf4; + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .md\:focus\:border-blue-400:focus { - border-color: #63b3ed; + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .md\:focus\:border-blue-500:focus { - border-color: #4299e1; + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .md\:focus\:border-blue-600:focus { - border-color: #3182ce; + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .md\:focus\:border-blue-700:focus { - border-color: #2b6cb0; + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .md\:focus\:border-blue-800:focus { - border-color: #2c5282; + .md\:hover\:bg-teal-100:hover { + --bg-opacity: 1; + background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .md\:focus\:border-blue-900:focus { - border-color: #2a4365; + .md\:hover\:bg-teal-200:hover { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .md\:focus\:border-indigo-100:focus { - border-color: #ebf4ff; + .md\:hover\:bg-teal-300:hover { + --bg-opacity: 1; + background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .md\:focus\:border-indigo-200:focus { - border-color: #c3dafe; + .md\:hover\:bg-teal-400:hover { + --bg-opacity: 1; + background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .md\:focus\:border-indigo-300:focus { - border-color: #a3bffa; + .md\:hover\:bg-teal-500:hover { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .md\:focus\:border-indigo-400:focus { - border-color: #7f9cf5; + .md\:hover\:bg-teal-600:hover { + --bg-opacity: 1; + background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .md\:focus\:border-indigo-500:focus { - border-color: #667eea; + .md\:hover\:bg-teal-700:hover { + --bg-opacity: 1; + background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .md\:focus\:border-indigo-600:focus { - border-color: #5a67d8; + .md\:hover\:bg-teal-800:hover { + --bg-opacity: 1; + background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .md\:focus\:border-indigo-700:focus { - border-color: #4c51bf; + .md\:hover\:bg-teal-900:hover { + --bg-opacity: 1; + background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .md\:focus\:border-indigo-800:focus { - border-color: #434190; + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .md\:focus\:border-indigo-900:focus { - border-color: #3c366b; + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .md\:focus\:border-purple-100:focus { - border-color: #faf5ff; + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .md\:focus\:border-purple-200:focus { - border-color: #e9d8fd; + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .md\:focus\:border-purple-300:focus { - border-color: #d6bcfa; + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .md\:focus\:border-purple-400:focus { - border-color: #b794f4; + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .md\:focus\:border-purple-500:focus { - border-color: #9f7aea; + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .md\:focus\:border-purple-600:focus { - border-color: #805ad5; + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .md\:focus\:border-purple-700:focus { - border-color: #6b46c1; + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .md\:focus\:border-purple-800:focus { - border-color: #553c9a; + .md\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; + background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .md\:focus\:border-purple-900:focus { - border-color: #44337a; + .md\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; + background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .md\:focus\:border-pink-100:focus { - border-color: #fff5f7; + .md\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; + background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .md\:focus\:border-pink-200:focus { - border-color: #fed7e2; + .md\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; + background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .md\:focus\:border-pink-300:focus { - border-color: #fbb6ce; + .md\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .md\:focus\:border-pink-400:focus { - border-color: #f687b3; + .md\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .md\:focus\:border-pink-500:focus { - border-color: #ed64a6; + .md\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; + background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .md\:focus\:border-pink-600:focus { - border-color: #d53f8c; + .md\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; + background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .md\:focus\:border-pink-700:focus { - border-color: #b83280; + .md\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; + background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .md\:focus\:border-pink-800:focus { - border-color: #97266d; + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .md\:focus\:border-pink-900:focus { - border-color: #702459; + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .md\:rounded-none { - border-radius: 0; + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .md\:rounded-sm { - border-radius: 0.125rem; + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .md\:rounded { - border-radius: 0.25rem; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .md\:rounded-md { - border-radius: 0.375rem; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .md\:rounded-lg { - border-radius: 0.5rem; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .md\:rounded-full { - border-radius: 9999px; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:focus\:bg-orange-100:focus { + --bg-opacity: 1; + background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:focus\:bg-orange-200:focus { + --bg-opacity: 1; + background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:focus\:bg-orange-300:focus { + --bg-opacity: 1; + background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:focus\:bg-orange-400:focus { + --bg-opacity: 1; + background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:focus\:bg-orange-500:focus { + --bg-opacity: 1; + background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:focus\:bg-orange-600:focus { + --bg-opacity: 1; + background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:focus\:bg-orange-700:focus { + --bg-opacity: 1; + background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:focus\:bg-orange-800:focus { + --bg-opacity: 1; + background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:focus\:bg-orange-900:focus { + --bg-opacity: 1; + background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } - .md\:border-solid { - border-style: solid; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } - .md\:border-dashed { - border-style: dashed; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } - .md\:border-dotted { - border-style: dotted; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } - .md\:border-double { - border-style: double; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } - .md\:border-none { - border-style: none; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } - .md\:border-0 { - border-width: 0; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } - .md\:border-2 { - border-width: 2px; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } - .md\:border-4 { - border-width: 4px; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } - .md\:border-8 { - border-width: 8px; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } - .md\:border { - border-width: 1px; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } - .md\:border-t-0 { - border-top-width: 0; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } - .md\:border-r-0 { - border-right-width: 0; + .md\:focus\:bg-teal-100:focus { + --bg-opacity: 1; + background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } - .md\:border-b-0 { - border-bottom-width: 0; + .md\:focus\:bg-teal-200:focus { + --bg-opacity: 1; + background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } - .md\:border-l-0 { - border-left-width: 0; + .md\:focus\:bg-teal-300:focus { + --bg-opacity: 1; + background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } - .md\:border-t-2 { - border-top-width: 2px; + .md\:focus\:bg-teal-400:focus { + --bg-opacity: 1; + background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } - .md\:border-r-2 { - border-right-width: 2px; + .md\:focus\:bg-teal-500:focus { + --bg-opacity: 1; + background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } - .md\:border-b-2 { - border-bottom-width: 2px; + .md\:focus\:bg-teal-600:focus { + --bg-opacity: 1; + background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } - .md\:border-l-2 { - border-left-width: 2px; + .md\:focus\:bg-teal-700:focus { + --bg-opacity: 1; + background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } - .md\:border-t-4 { - border-top-width: 4px; + .md\:focus\:bg-teal-800:focus { + --bg-opacity: 1; + background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } - .md\:border-r-4 { - border-right-width: 4px; + .md\:focus\:bg-teal-900:focus { + --bg-opacity: 1; + background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } - .md\:border-b-4 { - border-bottom-width: 4px; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } - .md\:border-l-4 { - border-left-width: 4px; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } - .md\:border-t-8 { - border-top-width: 8px; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } - .md\:border-r-8 { - border-right-width: 8px; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } - .md\:border-b-8 { - border-bottom-width: 8px; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } - .md\:border-l-8 { - border-left-width: 8px; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } - .md\:border-t { - border-top-width: 1px; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } - .md\:border-r { - border-right-width: 1px; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } - .md\:border-b { - border-bottom-width: 1px; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } - .md\:border-l { - border-left-width: 1px; + .md\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; + background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } - .md\:box-border { - box-sizing: border-box; + .md\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; + background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } - .md\:box-content { - box-sizing: content-box; + .md\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; + background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } - .md\:cursor-auto { - cursor: auto; + .md\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; + background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } - .md\:cursor-default { - cursor: default; + .md\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; + background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } - .md\:cursor-pointer { - cursor: pointer; + .md\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; + background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } - .md\:cursor-wait { - cursor: wait; + .md\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; + background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } - .md\:cursor-text { - cursor: text; + .md\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; + background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } - .md\:cursor-move { - cursor: move; + .md\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; + background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } - .md\:cursor-not-allowed { - cursor: not-allowed; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } - .md\:block { - display: block; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } - .md\:inline-block { - display: inline-block; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } - .md\:inline { - display: inline; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } - .md\:flex { - display: flex; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } - .md\:inline-flex { - display: inline-flex; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } - .md\:grid { - display: grid; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } - .md\:table { - display: table; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } - .md\:table-caption { - display: table-caption; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } - .md\:table-cell { - display: table-cell; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } - .md\:table-column { - display: table-column; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } - .md\:table-column-group { - display: table-column-group; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } - .md\:table-footer-group { - display: table-footer-group; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } - .md\:table-header-group { - display: table-header-group; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } - .md\:table-row-group { - display: table-row-group; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } - .md\:table-row { - display: table-row; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } - .md\:hidden { - display: none; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } - .md\:flex-row { - flex-direction: row; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .md\:bg-opacity-0 { + --bg-opacity: 0; } - .md\:flex-col { - flex-direction: column; + .md\:bg-opacity-25 { + --bg-opacity: 0.25; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .md\:bg-opacity-50 { + --bg-opacity: 0.5; } - .md\:flex-wrap { - flex-wrap: wrap; + .md\:bg-opacity-75 { + --bg-opacity: 0.75; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:bg-opacity-100 { + --bg-opacity: 1; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .md\:items-start { - align-items: flex-start; + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .md\:items-end { - align-items: flex-end; + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .md\:items-center { - align-items: center; + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .md\:items-baseline { - align-items: baseline; + .md\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .md\:items-stretch { - align-items: stretch; + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .md\:self-auto { - align-self: auto; + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .md\:self-start { - align-self: flex-start; + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .md\:self-end { - align-self: flex-end; + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .md\:self-center { - align-self: center; + .md\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .md\:self-stretch { - align-self: stretch; + .md\:bg-bottom { + background-position: bottom; } - .md\:justify-start { - justify-content: flex-start; + .md\:bg-center { + background-position: center; } - .md\:justify-end { - justify-content: flex-end; + .md\:bg-left { + background-position: left; } - .md\:justify-center { - justify-content: center; + .md\:bg-left-bottom { + background-position: left bottom; } - .md\:justify-between { - justify-content: space-between; + .md\:bg-left-top { + background-position: left top; } - .md\:justify-around { - justify-content: space-around; + .md\:bg-right { + background-position: right; } - .md\:justify-evenly { - justify-content: space-evenly; + .md\:bg-right-bottom { + background-position: right bottom; } - .md\:content-center { - align-content: center; + .md\:bg-right-top { + background-position: right top; } - .md\:content-start { - align-content: flex-start; + .md\:bg-top { + background-position: top; } - .md\:content-end { - align-content: flex-end; + .md\:bg-repeat { + background-repeat: repeat; } - .md\:content-between { - align-content: space-between; + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .md\:content-around { - align-content: space-around; + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .md\:flex-1 { - flex: 1 1 0%; + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .md\:flex-auto { - flex: 1 1 auto; + .md\:bg-repeat-round { + background-repeat: round; } - .md\:flex-initial { - flex: 0 1 auto; + .md\:bg-repeat-space { + background-repeat: space; } - .md\:flex-none { - flex: none; + .md\:bg-auto { + background-size: auto; } - .md\:flex-grow-0 { - flex-grow: 0; + .md\:bg-cover { + background-size: cover; } - .md\:flex-grow { - flex-grow: 1; + .md\:bg-contain { + background-size: contain; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .md\:border-collapse { + border-collapse: collapse; } - .md\:flex-shrink { - flex-shrink: 1; + .md\:border-separate { + border-collapse: separate; } - .md\:order-1 { - order: 1; + .md\:border-transparent { + border-color: transparent; } - .md\:order-2 { - order: 2; + .md\:border-current { + border-color: currentColor; } - .md\:order-3 { - order: 3; + .md\:border-black { + --border-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:order-4 { - order: 4; + .md\:border-white { + --border-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:order-5 { - order: 5; + .md\:border-gray-100 { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } - .md\:order-6 { - order: 6; + .md\:border-gray-200 { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } - .md\:order-7 { - order: 7; + .md\:border-gray-300 { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } - .md\:order-8 { - order: 8; + .md\:border-gray-400 { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } - .md\:order-9 { - order: 9; + .md\:border-gray-500 { + --border-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } - .md\:order-10 { - order: 10; + .md\:border-gray-600 { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } - .md\:order-11 { - order: 11; + .md\:border-gray-700 { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } - .md\:order-12 { - order: 12; + .md\:border-gray-800 { + --border-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } - .md\:order-first { - order: -9999; + .md\:border-gray-900 { + --border-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } - .md\:order-last { - order: 9999; + .md\:border-red-100 { + --border-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } - .md\:order-none { - order: 0; + .md\:border-red-200 { + --border-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } - .md\:float-right { - float: right; + .md\:border-red-300 { + --border-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } - .md\:float-left { - float: left; + .md\:border-red-400 { + --border-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } - .md\:float-none { - float: none; + .md\:border-red-500 { + --border-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:border-red-600 { + --border-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } - .md\:clear-left { - clear: left; + .md\:border-red-700 { + --border-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } - .md\:clear-right { - clear: right; + .md\:border-red-800 { + --border-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } - .md\:clear-both { - clear: both; + .md\:border-red-900 { + --border-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } - .md\:font-sans { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .md\:border-orange-100 { + --border-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } - .md\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .md\:border-orange-200 { + --border-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:border-orange-300 { + --border-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } - .md\:font-hairline { - font-weight: 100; + .md\:border-orange-400 { + --border-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } - .md\:font-thin { - font-weight: 200; + .md\:border-orange-500 { + --border-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } - .md\:font-light { - font-weight: 300; + .md\:border-orange-600 { + --border-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } - .md\:font-normal { - font-weight: 400; + .md\:border-orange-700 { + --border-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } - .md\:font-medium { - font-weight: 500; + .md\:border-orange-800 { + --border-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } - .md\:font-semibold { - font-weight: 600; + .md\:border-orange-900 { + --border-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } - .md\:font-bold { - font-weight: 700; + .md\:border-yellow-100 { + --border-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } - .md\:font-extrabold { - font-weight: 800; + .md\:border-yellow-200 { + --border-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } - .md\:font-black { - font-weight: 900; + .md\:border-yellow-300 { + --border-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } - .md\:hover\:font-hairline:hover { - font-weight: 100; + .md\:border-yellow-400 { + --border-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } - .md\:hover\:font-thin:hover { - font-weight: 200; + .md\:border-yellow-500 { + --border-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } - .md\:hover\:font-light:hover { - font-weight: 300; + .md\:border-yellow-600 { + --border-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } - .md\:hover\:font-normal:hover { - font-weight: 400; + .md\:border-yellow-700 { + --border-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } - .md\:hover\:font-medium:hover { - font-weight: 500; + .md\:border-yellow-800 { + --border-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .md\:border-yellow-900 { + --border-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } - .md\:hover\:font-bold:hover { - font-weight: 700; + .md\:border-green-100 { + --border-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:border-green-200 { + --border-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } - .md\:hover\:font-black:hover { - font-weight: 900; + .md\:border-green-300 { + --border-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } - .md\:focus\:font-hairline:focus { - font-weight: 100; + .md\:border-green-400 { + --border-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } - .md\:focus\:font-thin:focus { - font-weight: 200; + .md\:border-green-500 { + --border-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } - .md\:focus\:font-light:focus { - font-weight: 300; + .md\:border-green-600 { + --border-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } - .md\:focus\:font-normal:focus { - font-weight: 400; + .md\:border-green-700 { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } - .md\:focus\:font-medium:focus { - font-weight: 500; + .md\:border-green-800 { + --border-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .md\:border-green-900 { + --border-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } - .md\:focus\:font-bold:focus { - font-weight: 700; + .md\:border-teal-100 { + --border-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:border-teal-200 { + --border-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } - .md\:focus\:font-black:focus { - font-weight: 900; + .md\:border-teal-300 { + --border-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } - .md\:h-0 { - height: 0; + .md\:border-teal-400 { + --border-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } - .md\:h-1 { - height: 0.25rem; + .md\:border-teal-500 { + --border-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } - .md\:h-2 { - height: 0.5rem; + .md\:border-teal-600 { + --border-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } - .md\:h-3 { - height: 0.75rem; + .md\:border-teal-700 { + --border-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } - .md\:h-4 { - height: 1rem; + .md\:border-teal-800 { + --border-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } - .md\:h-5 { - height: 1.25rem; + .md\:border-teal-900 { + --border-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } - .md\:h-6 { - height: 1.5rem; + .md\:border-blue-100 { + --border-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } - .md\:h-8 { - height: 2rem; + .md\:border-blue-200 { + --border-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } - .md\:h-10 { - height: 2.5rem; + .md\:border-blue-300 { + --border-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } - .md\:h-12 { - height: 3rem; + .md\:border-blue-400 { + --border-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } - .md\:h-16 { - height: 4rem; + .md\:border-blue-500 { + --border-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } - .md\:h-20 { - height: 5rem; + .md\:border-blue-600 { + --border-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } - .md\:h-24 { - height: 6rem; + .md\:border-blue-700 { + --border-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } - .md\:h-32 { - height: 8rem; + .md\:border-blue-800 { + --border-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } - .md\:h-40 { - height: 10rem; + .md\:border-blue-900 { + --border-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } - .md\:h-48 { - height: 12rem; + .md\:border-indigo-100 { + --border-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } - .md\:h-56 { - height: 14rem; + .md\:border-indigo-200 { + --border-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } - .md\:h-64 { - height: 16rem; + .md\:border-indigo-300 { + --border-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } - .md\:h-auto { - height: auto; + .md\:border-indigo-400 { + --border-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } - .md\:h-px { - height: 1px; + .md\:border-indigo-500 { + --border-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } - .md\:h-full { - height: 100%; + .md\:border-indigo-600 { + --border-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } - .md\:h-screen { - height: 100vh; + .md\:border-indigo-700 { + --border-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } - .md\:leading-3 { - line-height: .75rem; + .md\:border-indigo-800 { + --border-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } - .md\:leading-4 { - line-height: 1rem; + .md\:border-indigo-900 { + --border-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } - .md\:leading-5 { - line-height: 1.25rem; + .md\:border-purple-100 { + --border-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } - .md\:leading-6 { - line-height: 1.5rem; + .md\:border-purple-200 { + --border-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } - .md\:leading-7 { - line-height: 1.75rem; + .md\:border-purple-300 { + --border-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } - .md\:leading-8 { - line-height: 2rem; + .md\:border-purple-400 { + --border-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } - .md\:leading-9 { - line-height: 2.25rem; + .md\:border-purple-500 { + --border-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } - .md\:leading-10 { - line-height: 2.5rem; + .md\:border-purple-600 { + --border-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } - .md\:leading-none { - line-height: 1; + .md\:border-purple-700 { + --border-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } - .md\:leading-tight { - line-height: 1.25; + .md\:border-purple-800 { + --border-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } - .md\:leading-snug { - line-height: 1.375; + .md\:border-purple-900 { + --border-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } - .md\:leading-normal { - line-height: 1.5; + .md\:border-pink-100 { + --border-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } - .md\:leading-relaxed { - line-height: 1.625; + .md\:border-pink-200 { + --border-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } - .md\:leading-loose { - line-height: 2; + .md\:border-pink-300 { + --border-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } - .md\:list-inside { - list-style-position: inside; + .md\:border-pink-400 { + --border-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } - .md\:list-outside { - list-style-position: outside; + .md\:border-pink-500 { + --border-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } - .md\:list-none { - list-style-type: none; + .md\:border-pink-600 { + --border-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } - .md\:list-disc { - list-style-type: disc; + .md\:border-pink-700 { + --border-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } - .md\:list-decimal { - list-style-type: decimal; + .md\:border-pink-800 { + --border-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } - .md\:m-0 { - margin: 0; + .md\:border-pink-900 { + --border-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } - .md\:m-1 { - margin: 0.25rem; + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .md\:m-2 { - margin: 0.5rem; + .md\:hover\:border-current:hover { + border-color: currentColor; } - .md\:m-3 { - margin: 0.75rem; + .md\:hover\:border-black:hover { + --border-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:m-4 { - margin: 1rem; + .md\:hover\:border-white:hover { + --border-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:m-5 { - margin: 1.25rem; + .md\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } - .md\:m-6 { - margin: 1.5rem; + .md\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } - .md\:m-8 { - margin: 2rem; + .md\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } - .md\:m-10 { - margin: 2.5rem; + .md\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } - .md\:m-12 { - margin: 3rem; + .md\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } - .md\:m-16 { - margin: 4rem; + .md\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } - .md\:m-20 { - margin: 5rem; + .md\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } - .md\:m-24 { - margin: 6rem; + .md\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } - .md\:m-32 { - margin: 8rem; + .md\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } - .md\:m-40 { - margin: 10rem; + .md\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } - .md\:m-48 { - margin: 12rem; + .md\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } - .md\:m-56 { - margin: 14rem; + .md\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } - .md\:m-64 { - margin: 16rem; + .md\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } - .md\:m-auto { - margin: auto; + .md\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } - .md\:m-px { - margin: 1px; + .md\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } - .md\:-m-1 { - margin: -0.25rem; + .md\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } - .md\:-m-2 { - margin: -0.5rem; + .md\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } - .md\:-m-3 { - margin: -0.75rem; + .md\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } - .md\:-m-4 { - margin: -1rem; + .md\:hover\:border-orange-100:hover { + --border-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } - .md\:-m-5 { - margin: -1.25rem; + .md\:hover\:border-orange-200:hover { + --border-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } - .md\:-m-6 { - margin: -1.5rem; + .md\:hover\:border-orange-300:hover { + --border-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } - .md\:-m-8 { - margin: -2rem; + .md\:hover\:border-orange-400:hover { + --border-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } - .md\:-m-10 { - margin: -2.5rem; + .md\:hover\:border-orange-500:hover { + --border-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } - .md\:-m-12 { - margin: -3rem; + .md\:hover\:border-orange-600:hover { + --border-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } - .md\:-m-16 { - margin: -4rem; + .md\:hover\:border-orange-700:hover { + --border-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } - .md\:-m-20 { - margin: -5rem; + .md\:hover\:border-orange-800:hover { + --border-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } - .md\:-m-24 { - margin: -6rem; + .md\:hover\:border-orange-900:hover { + --border-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } - .md\:-m-32 { - margin: -8rem; + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } - .md\:-m-40 { - margin: -10rem; + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } - .md\:-m-48 { - margin: -12rem; + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } - .md\:-m-56 { - margin: -14rem; + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } - .md\:-m-64 { - margin: -16rem; + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } - .md\:-m-px { - margin: -1px; + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:hover\:border-teal-100:hover { + --border-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:hover\:border-teal-200:hover { + --border-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:hover\:border-teal-300:hover { + --border-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:hover\:border-teal-400:hover { + --border-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:hover\:border-teal-500:hover { + --border-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:hover\:border-teal-600:hover { + --border-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:hover\:border-teal-700:hover { + --border-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:hover\:border-teal-800:hover { + --border-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:hover\:border-teal-900:hover { + --border-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:hover\:border-indigo-100:hover { + --border-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:hover\:border-indigo-200:hover { + --border-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:hover\:border-indigo-300:hover { + --border-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:hover\:border-indigo-400:hover { + --border-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:hover\:border-indigo-500:hover { + --border-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:hover\:border-indigo-600:hover { + --border-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:hover\:border-indigo-700:hover { + --border-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:hover\:border-indigo-800:hover { + --border-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:hover\:border-indigo-900:hover { + --border-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } - .md\:-my-4 { - margin-top: -1rem; + .md\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); + } + + .md\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); + } + + .md\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); + } + + .md\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); + } + + .md\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); + } + + .md\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); + } + + .md\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); + } + + .md\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); + } + + .md\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); + } + + .md\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); + } + + .md\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); + } + + .md\:focus\:border-transparent:focus { + border-color: transparent; + } + + .md\:focus\:border-current:focus { + border-color: currentColor; + } + + .md\:focus\:border-black:focus { + --border-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } + + .md\:focus\:border-white:focus { + --border-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } + + .md\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); + } + + .md\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); + } + + .md\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); + } + + .md\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); + } + + .md\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); + } + + .md\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); + } + + .md\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); + } + + .md\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); + } + + .md\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); + } + + .md\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); + } + + .md\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); + } + + .md\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); + } + + .md\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); + } + + .md\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); + } + + .md\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); + } + + .md\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); + } + + .md\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); + } + + .md\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); + } + + .md\:focus\:border-orange-100:focus { + --border-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); + } + + .md\:focus\:border-orange-200:focus { + --border-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); + } + + .md\:focus\:border-orange-300:focus { + --border-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); + } + + .md\:focus\:border-orange-400:focus { + --border-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); + } + + .md\:focus\:border-orange-500:focus { + --border-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); + } + + .md\:focus\:border-orange-600:focus { + --border-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); + } + + .md\:focus\:border-orange-700:focus { + --border-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); + } + + .md\:focus\:border-orange-800:focus { + --border-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); + } + + .md\:focus\:border-orange-900:focus { + --border-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); + } + + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); + } + + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); + } + + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); + } + + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); + } + + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); + } + + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); + } + + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); + } + + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); + } + + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); + } + + .md\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); + } + + .md\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); + } + + .md\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); + } + + .md\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); + } + + .md\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); + } + + .md\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); + } + + .md\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); + } + + .md\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); + } + + .md\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); + } + + .md\:focus\:border-teal-100:focus { + --border-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); + } + + .md\:focus\:border-teal-200:focus { + --border-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); + } + + .md\:focus\:border-teal-300:focus { + --border-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); + } + + .md\:focus\:border-teal-400:focus { + --border-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); + } + + .md\:focus\:border-teal-500:focus { + --border-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); + } + + .md\:focus\:border-teal-600:focus { + --border-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); + } + + .md\:focus\:border-teal-700:focus { + --border-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); + } + + .md\:focus\:border-teal-800:focus { + --border-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); + } + + .md\:focus\:border-teal-900:focus { + --border-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); + } + + .md\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); + } + + .md\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); + } + + .md\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); + } + + .md\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); + } + + .md\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); + } + + .md\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); + } + + .md\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); + } + + .md\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); + } + + .md\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); + } + + .md\:focus\:border-indigo-100:focus { + --border-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); + } + + .md\:focus\:border-indigo-200:focus { + --border-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); + } + + .md\:focus\:border-indigo-300:focus { + --border-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); + } + + .md\:focus\:border-indigo-400:focus { + --border-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); + } + + .md\:focus\:border-indigo-500:focus { + --border-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); + } + + .md\:focus\:border-indigo-600:focus { + --border-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); + } + + .md\:focus\:border-indigo-700:focus { + --border-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); + } + + .md\:focus\:border-indigo-800:focus { + --border-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); + } + + .md\:focus\:border-indigo-900:focus { + --border-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); + } + + .md\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); + } + + .md\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); + } + + .md\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); + } + + .md\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); + } + + .md\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); + } + + .md\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); + } + + .md\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); + } + + .md\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); + } + + .md\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); + } + + .md\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); + } + + .md\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); + } + + .md\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); + } + + .md\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); + } + + .md\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); + } + + .md\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); + } + + .md\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); + } + + .md\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); + } + + .md\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); + } + + .md\:border-opacity-0 { + --border-opacity: 0; + } + + .md\:border-opacity-25 { + --border-opacity: 0.25; + } + + .md\:border-opacity-50 { + --border-opacity: 0.5; + } + + .md\:border-opacity-75 { + --border-opacity: 0.75; + } + + .md\:border-opacity-100 { + --border-opacity: 1; + } + + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0; + } + + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; + } + + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; + } + + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; + } + + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1; + } + + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0; + } + + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; + } + + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; + } + + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; + } + + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1; + } + + .md\:rounded-none { + border-radius: 0; + } + + .md\:rounded-sm { + border-radius: 0.125rem; + } + + .md\:rounded { + border-radius: 0.25rem; + } + + .md\:rounded-md { + border-radius: 0.375rem; + } + + .md\:rounded-lg { + border-radius: 0.5rem; + } + + .md\:rounded-full { + border-radius: 9999px; + } + + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } + + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } + + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } + + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .md\:rounded-tl-none { + border-top-left-radius: 0; + } + + .md\:rounded-tr-none { + border-top-right-radius: 0; + } + + .md\:rounded-br-none { + border-bottom-right-radius: 0; + } + + .md\:rounded-bl-none { + border-bottom-left-radius: 0; + } + + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } + + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } + + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } + + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } + + .md\:rounded-tl { + border-top-left-radius: 0.25rem; + } + + .md\:rounded-tr { + border-top-right-radius: 0.25rem; + } + + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; + } + + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } + + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } + + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } + + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } + + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } + + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } + + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } + + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } + + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } + + .md\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .md\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .md\:border-solid { + border-style: solid; + } + + .md\:border-dashed { + border-style: dashed; + } + + .md\:border-dotted { + border-style: dotted; + } + + .md\:border-double { + border-style: double; + } + + .md\:border-none { + border-style: none; + } + + .md\:border-0 { + border-width: 0; + } + + .md\:border-2 { + border-width: 2px; + } + + .md\:border-4 { + border-width: 4px; + } + + .md\:border-8 { + border-width: 8px; + } + + .md\:border { + border-width: 1px; + } + + .md\:border-t-0 { + border-top-width: 0; + } + + .md\:border-r-0 { + border-right-width: 0; + } + + .md\:border-b-0 { + border-bottom-width: 0; + } + + .md\:border-l-0 { + border-left-width: 0; + } + + .md\:border-t-2 { + border-top-width: 2px; + } + + .md\:border-r-2 { + border-right-width: 2px; + } + + .md\:border-b-2 { + border-bottom-width: 2px; + } + + .md\:border-l-2 { + border-left-width: 2px; + } + + .md\:border-t-4 { + border-top-width: 4px; + } + + .md\:border-r-4 { + border-right-width: 4px; + } + + .md\:border-b-4 { + border-bottom-width: 4px; + } + + .md\:border-l-4 { + border-left-width: 4px; + } + + .md\:border-t-8 { + border-top-width: 8px; + } + + .md\:border-r-8 { + border-right-width: 8px; + } + + .md\:border-b-8 { + border-bottom-width: 8px; + } + + .md\:border-l-8 { + border-left-width: 8px; + } + + .md\:border-t { + border-top-width: 1px; + } + + .md\:border-r { + border-right-width: 1px; + } + + .md\:border-b { + border-bottom-width: 1px; + } + + .md\:border-l { + border-left-width: 1px; + } + + .md\:box-border { + box-sizing: border-box; + } + + .md\:box-content { + box-sizing: content-box; + } + + .md\:cursor-auto { + cursor: auto; + } + + .md\:cursor-default { + cursor: default; + } + + .md\:cursor-pointer { + cursor: pointer; + } + + .md\:cursor-wait { + cursor: wait; + } + + .md\:cursor-text { + cursor: text; + } + + .md\:cursor-move { + cursor: move; + } + + .md\:cursor-not-allowed { + cursor: not-allowed; + } + + .md\:block { + display: block; + } + + .md\:inline-block { + display: inline-block; + } + + .md\:inline { + display: inline; + } + + .md\:flex { + display: flex; + } + + .md\:inline-flex { + display: inline-flex; + } + + .md\:table { + display: table; + } + + .md\:table-caption { + display: table-caption; + } + + .md\:table-cell { + display: table-cell; + } + + .md\:table-column { + display: table-column; + } + + .md\:table-column-group { + display: table-column-group; + } + + .md\:table-footer-group { + display: table-footer-group; + } + + .md\:table-header-group { + display: table-header-group; + } + + .md\:table-row-group { + display: table-row-group; + } + + .md\:table-row { + display: table-row; + } + + .md\:flow-root { + display: flow-root; + } + + .md\:grid { + display: grid; + } + + .md\:inline-grid { + display: inline-grid; + } + + .md\:hidden { + display: none; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:flex-row-reverse { + flex-direction: row-reverse; + } + + .md\:flex-col { + flex-direction: column; + } + + .md\:flex-col-reverse { + flex-direction: column-reverse; + } + + .md\:flex-wrap { + flex-wrap: wrap; + } + + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .md\:flex-no-wrap { + flex-wrap: nowrap; + } + + .md\:items-start { + align-items: flex-start; + } + + .md\:items-end { + align-items: flex-end; + } + + .md\:items-center { + align-items: center; + } + + .md\:items-baseline { + align-items: baseline; + } + + .md\:items-stretch { + align-items: stretch; + } + + .md\:self-auto { + align-self: auto; + } + + .md\:self-start { + align-self: flex-start; + } + + .md\:self-end { + align-self: flex-end; + } + + .md\:self-center { + align-self: center; + } + + .md\:self-stretch { + align-self: stretch; + } + + .md\:justify-start { + justify-content: flex-start; + } + + .md\:justify-end { + justify-content: flex-end; + } + + .md\:justify-center { + justify-content: center; + } + + .md\:justify-between { + justify-content: space-between; + } + + .md\:justify-around { + justify-content: space-around; + } + + .md\:justify-evenly { + justify-content: space-evenly; + } + + .md\:content-center { + align-content: center; + } + + .md\:content-start { + align-content: flex-start; + } + + .md\:content-end { + align-content: flex-end; + } + + .md\:content-between { + align-content: space-between; + } + + .md\:content-around { + align-content: space-around; + } + + .md\:flex-1 { + flex: 1 1 0%; + } + + .md\:flex-auto { + flex: 1 1 auto; + } + + .md\:flex-initial { + flex: 0 1 auto; + } + + .md\:flex-none { + flex: none; + } + + .md\:flex-grow-0 { + flex-grow: 0; + } + + .md\:flex-grow { + flex-grow: 1; + } + + .md\:flex-shrink-0 { + flex-shrink: 0; + } + + .md\:flex-shrink { + flex-shrink: 1; + } + + .md\:order-1 { + order: 1; + } + + .md\:order-2 { + order: 2; + } + + .md\:order-3 { + order: 3; + } + + .md\:order-4 { + order: 4; + } + + .md\:order-5 { + order: 5; + } + + .md\:order-6 { + order: 6; + } + + .md\:order-7 { + order: 7; + } + + .md\:order-8 { + order: 8; + } + + .md\:order-9 { + order: 9; + } + + .md\:order-10 { + order: 10; + } + + .md\:order-11 { + order: 11; + } + + .md\:order-12 { + order: 12; + } + + .md\:order-first { + order: -9999; + } + + .md\:order-last { + order: 9999; + } + + .md\:order-none { + order: 0; + } + + .md\:float-right { + float: right; + } + + .md\:float-left { + float: left; + } + + .md\:float-none { + float: none; + } + + .md\:clearfix:after { + content: ""; + display: table; + clear: both; + } + + .md\:clear-left { + clear: left; + } + + .md\:clear-right { + clear: right; + } + + .md\:clear-both { + clear: both; + } + + .md\:clear-none { + clear: none; + } + + .md\:font-sans { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + } + + .md\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + } + + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } + + .md\:font-hairline { + font-weight: 100; + } + + .md\:font-thin { + font-weight: 200; + } + + .md\:font-light { + font-weight: 300; + } + + .md\:font-normal { + font-weight: 400; + } + + .md\:font-medium { + font-weight: 500; + } + + .md\:font-semibold { + font-weight: 600; + } + + .md\:font-bold { + font-weight: 700; + } + + .md\:font-extrabold { + font-weight: 800; + } + + .md\:font-black { + font-weight: 900; + } + + .md\:hover\:font-hairline:hover { + font-weight: 100; + } + + .md\:hover\:font-thin:hover { + font-weight: 200; + } + + .md\:hover\:font-light:hover { + font-weight: 300; + } + + .md\:hover\:font-normal:hover { + font-weight: 400; + } + + .md\:hover\:font-medium:hover { + font-weight: 500; + } + + .md\:hover\:font-semibold:hover { + font-weight: 600; + } + + .md\:hover\:font-bold:hover { + font-weight: 700; + } + + .md\:hover\:font-extrabold:hover { + font-weight: 800; + } + + .md\:hover\:font-black:hover { + font-weight: 900; + } + + .md\:focus\:font-hairline:focus { + font-weight: 100; + } + + .md\:focus\:font-thin:focus { + font-weight: 200; + } + + .md\:focus\:font-light:focus { + font-weight: 300; + } + + .md\:focus\:font-normal:focus { + font-weight: 400; + } + + .md\:focus\:font-medium:focus { + font-weight: 500; + } + + .md\:focus\:font-semibold:focus { + font-weight: 600; + } + + .md\:focus\:font-bold:focus { + font-weight: 700; + } + + .md\:focus\:font-extrabold:focus { + font-weight: 800; + } + + .md\:focus\:font-black:focus { + font-weight: 900; + } + + .md\:h-0 { + height: 0; + } + + .md\:h-1 { + height: 0.25rem; + } + + .md\:h-2 { + height: 0.5rem; + } + + .md\:h-3 { + height: 0.75rem; + } + + .md\:h-4 { + height: 1rem; + } + + .md\:h-5 { + height: 1.25rem; + } + + .md\:h-6 { + height: 1.5rem; + } + + .md\:h-8 { + height: 2rem; + } + + .md\:h-10 { + height: 2.5rem; + } + + .md\:h-12 { + height: 3rem; + } + + .md\:h-16 { + height: 4rem; + } + + .md\:h-20 { + height: 5rem; + } + + .md\:h-24 { + height: 6rem; + } + + .md\:h-32 { + height: 8rem; + } + + .md\:h-40 { + height: 10rem; + } + + .md\:h-48 { + height: 12rem; + } + + .md\:h-56 { + height: 14rem; + } + + .md\:h-64 { + height: 16rem; + } + + .md\:h-auto { + height: auto; + } + + .md\:h-px { + height: 1px; + } + + .md\:h-full { + height: 100%; + } + + .md\:h-screen { + height: 100vh; + } + + .md\:text-xs { + font-size: 0.75rem; + } + + .md\:text-sm { + font-size: 0.875rem; + } + + .md\:text-base { + font-size: 1rem; + } + + .md\:text-lg { + font-size: 1.125rem; + } + + .md\:text-xl { + font-size: 1.25rem; + } + + .md\:text-2xl { + font-size: 1.5rem; + } + + .md\:text-3xl { + font-size: 1.875rem; + } + + .md\:text-4xl { + font-size: 2.25rem; + } + + .md\:text-5xl { + font-size: 3rem; + } + + .md\:text-6xl { + font-size: 4rem; + } + + .md\:leading-3 { + line-height: .75rem; + } + + .md\:leading-4 { + line-height: 1rem; + } + + .md\:leading-5 { + line-height: 1.25rem; + } + + .md\:leading-6 { + line-height: 1.5rem; + } + + .md\:leading-7 { + line-height: 1.75rem; + } + + .md\:leading-8 { + line-height: 2rem; + } + + .md\:leading-9 { + line-height: 2.25rem; + } + + .md\:leading-10 { + line-height: 2.5rem; + } + + .md\:leading-none { + line-height: 1; + } + + .md\:leading-tight { + line-height: 1.25; + } + + .md\:leading-snug { + line-height: 1.375; + } + + .md\:leading-normal { + line-height: 1.5; + } + + .md\:leading-relaxed { + line-height: 1.625; + } + + .md\:leading-loose { + line-height: 2; + } + + .md\:list-inside { + list-style-position: inside; + } + + .md\:list-outside { + list-style-position: outside; + } + + .md\:list-none { + list-style-type: none; + } + + .md\:list-disc { + list-style-type: disc; + } + + .md\:list-decimal { + list-style-type: decimal; + } + + .md\:m-0 { + margin: 0; + } + + .md\:m-1 { + margin: 0.25rem; + } + + .md\:m-2 { + margin: 0.5rem; + } + + .md\:m-3 { + margin: 0.75rem; + } + + .md\:m-4 { + margin: 1rem; + } + + .md\:m-5 { + margin: 1.25rem; + } + + .md\:m-6 { + margin: 1.5rem; + } + + .md\:m-8 { + margin: 2rem; + } + + .md\:m-10 { + margin: 2.5rem; + } + + .md\:m-12 { + margin: 3rem; + } + + .md\:m-16 { + margin: 4rem; + } + + .md\:m-20 { + margin: 5rem; + } + + .md\:m-24 { + margin: 6rem; + } + + .md\:m-32 { + margin: 8rem; + } + + .md\:m-40 { + margin: 10rem; + } + + .md\:m-48 { + margin: 12rem; + } + + .md\:m-56 { + margin: 14rem; + } + + .md\:m-64 { + margin: 16rem; + } + + .md\:m-auto { + margin: auto; + } + + .md\:m-px { + margin: 1px; + } + + .md\:-m-1 { + margin: -0.25rem; + } + + .md\:-m-2 { + margin: -0.5rem; + } + + .md\:-m-3 { + margin: -0.75rem; + } + + .md\:-m-4 { + margin: -1rem; + } + + .md\:-m-5 { + margin: -1.25rem; + } + + .md\:-m-6 { + margin: -1.5rem; + } + + .md\:-m-8 { + margin: -2rem; + } + + .md\:-m-10 { + margin: -2.5rem; + } + + .md\:-m-12 { + margin: -3rem; + } + + .md\:-m-16 { + margin: -4rem; + } + + .md\:-m-20 { + margin: -5rem; + } + + .md\:-m-24 { + margin: -6rem; + } + + .md\:-m-32 { + margin: -8rem; + } + + .md\:-m-40 { + margin: -10rem; + } + + .md\:-m-48 { + margin: -12rem; + } + + .md\:-m-56 { + margin: -14rem; + } + + .md\:-m-64 { + margin: -16rem; + } + + .md\:-m-px { + margin: -1px; + } + + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; + } + + .md\:mx-0 { + margin-left: 0; + margin-right: 0; + } + + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } + + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } + + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } + + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; + } + + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; + } + + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; + } + + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; + } + + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; + } + + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; + } + + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; + } + + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; + } + + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; + } + + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; + } + + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; + } + + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; + } + + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; + } + + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; + } + + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; + } + + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; + } + + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .md\:mt-0 { + margin-top: 0; + } + + .md\:mr-0 { + margin-right: 0; + } + + .md\:mb-0 { + margin-bottom: 0; + } + + .md\:ml-0 { + margin-left: 0; + } + + .md\:mt-1 { + margin-top: 0.25rem; + } + + .md\:mr-1 { + margin-right: 0.25rem; + } + + .md\:mb-1 { + margin-bottom: 0.25rem; + } + + .md\:ml-1 { + margin-left: 0.25rem; + } + + .md\:mt-2 { + margin-top: 0.5rem; + } + + .md\:mr-2 { + margin-right: 0.5rem; + } + + .md\:mb-2 { + margin-bottom: 0.5rem; + } + + .md\:ml-2 { + margin-left: 0.5rem; + } + + .md\:mt-3 { + margin-top: 0.75rem; + } + + .md\:mr-3 { + margin-right: 0.75rem; + } + + .md\:mb-3 { + margin-bottom: 0.75rem; + } + + .md\:ml-3 { + margin-left: 0.75rem; + } + + .md\:mt-4 { + margin-top: 1rem; + } + + .md\:mr-4 { + margin-right: 1rem; + } + + .md\:mb-4 { + margin-bottom: 1rem; + } + + .md\:ml-4 { + margin-left: 1rem; + } + + .md\:mt-5 { + margin-top: 1.25rem; + } + + .md\:mr-5 { + margin-right: 1.25rem; + } + + .md\:mb-5 { + margin-bottom: 1.25rem; + } + + .md\:ml-5 { + margin-left: 1.25rem; + } + + .md\:mt-6 { + margin-top: 1.5rem; + } + + .md\:mr-6 { + margin-right: 1.5rem; + } + + .md\:mb-6 { + margin-bottom: 1.5rem; + } + + .md\:ml-6 { + margin-left: 1.5rem; + } + + .md\:mt-8 { + margin-top: 2rem; + } + + .md\:mr-8 { + margin-right: 2rem; + } + + .md\:mb-8 { + margin-bottom: 2rem; + } + + .md\:ml-8 { + margin-left: 2rem; + } + + .md\:mt-10 { + margin-top: 2.5rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + + .md\:mb-10 { + margin-bottom: 2.5rem; + } + + .md\:ml-10 { + margin-left: 2.5rem; + } + + .md\:mt-12 { + margin-top: 3rem; + } + + .md\:mr-12 { + margin-right: 3rem; + } + + .md\:mb-12 { + margin-bottom: 3rem; + } + + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:mt-16 { + margin-top: 4rem; + } + + .md\:mr-16 { + margin-right: 4rem; + } + + .md\:mb-16 { + margin-bottom: 4rem; + } + + .md\:ml-16 { + margin-left: 4rem; + } + + .md\:mt-20 { + margin-top: 5rem; + } + + .md\:mr-20 { + margin-right: 5rem; + } + + .md\:mb-20 { + margin-bottom: 5rem; + } + + .md\:ml-20 { + margin-left: 5rem; + } + + .md\:mt-24 { + margin-top: 6rem; + } + + .md\:mr-24 { + margin-right: 6rem; + } + + .md\:mb-24 { + margin-bottom: 6rem; + } + + .md\:ml-24 { + margin-left: 6rem; + } + + .md\:mt-32 { + margin-top: 8rem; + } + + .md\:mr-32 { + margin-right: 8rem; + } + + .md\:mb-32 { + margin-bottom: 8rem; + } + + .md\:ml-32 { + margin-left: 8rem; + } + + .md\:mt-40 { + margin-top: 10rem; + } + + .md\:mr-40 { + margin-right: 10rem; + } + + .md\:mb-40 { + margin-bottom: 10rem; + } + + .md\:ml-40 { + margin-left: 10rem; + } + + .md\:mt-48 { + margin-top: 12rem; + } + + .md\:mr-48 { + margin-right: 12rem; + } + + .md\:mb-48 { + margin-bottom: 12rem; + } + + .md\:ml-48 { + margin-left: 12rem; + } + + .md\:mt-56 { + margin-top: 14rem; + } + + .md\:mr-56 { + margin-right: 14rem; + } + + .md\:mb-56 { + margin-bottom: 14rem; + } + + .md\:ml-56 { + margin-left: 14rem; + } + + .md\:mt-64 { + margin-top: 16rem; + } + + .md\:mr-64 { + margin-right: 16rem; + } + + .md\:mb-64 { + margin-bottom: 16rem; + } + + .md\:ml-64 { + margin-left: 16rem; + } + + .md\:mt-auto { + margin-top: auto; + } + + .md\:mr-auto { + margin-right: auto; + } + + .md\:mb-auto { + margin-bottom: auto; + } + + .md\:ml-auto { + margin-left: auto; + } + + .md\:mt-px { + margin-top: 1px; + } + + .md\:mr-px { + margin-right: 1px; + } + + .md\:mb-px { + margin-bottom: 1px; + } + + .md\:ml-px { + margin-left: 1px; + } + + .md\:-mt-1 { + margin-top: -0.25rem; + } + + .md\:-mr-1 { + margin-right: -0.25rem; + } + + .md\:-mb-1 { + margin-bottom: -0.25rem; + } + + .md\:-ml-1 { + margin-left: -0.25rem; + } + + .md\:-mt-2 { + margin-top: -0.5rem; + } + + .md\:-mr-2 { + margin-right: -0.5rem; + } + + .md\:-mb-2 { + margin-bottom: -0.5rem; + } + + .md\:-ml-2 { + margin-left: -0.5rem; + } + + .md\:-mt-3 { + margin-top: -0.75rem; + } + + .md\:-mr-3 { + margin-right: -0.75rem; + } + + .md\:-mb-3 { + margin-bottom: -0.75rem; + } + + .md\:-ml-3 { + margin-left: -0.75rem; + } + + .md\:-mt-4 { + margin-top: -1rem; + } + + .md\:-mr-4 { + margin-right: -1rem; + } + + .md\:-mb-4 { margin-bottom: -1rem; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:-ml-4 { + margin-left: -1rem; + } + + .md\:-mt-5 { + margin-top: -1.25rem; + } + + .md\:-mr-5 { + margin-right: -1.25rem; + } + + .md\:-mb-5 { + margin-bottom: -1.25rem; + } + + .md\:-ml-5 { + margin-left: -1.25rem; + } + + .md\:-mt-6 { + margin-top: -1.5rem; + } + + .md\:-mr-6 { + margin-right: -1.5rem; + } + + .md\:-mb-6 { + margin-bottom: -1.5rem; + } + + .md\:-ml-6 { + margin-left: -1.5rem; + } + + .md\:-mt-8 { + margin-top: -2rem; + } + + .md\:-mr-8 { + margin-right: -2rem; + } + + .md\:-mb-8 { + margin-bottom: -2rem; + } + + .md\:-ml-8 { + margin-left: -2rem; + } + + .md\:-mt-10 { + margin-top: -2.5rem; + } + + .md\:-mr-10 { + margin-right: -2.5rem; + } + + .md\:-mb-10 { + margin-bottom: -2.5rem; + } + + .md\:-ml-10 { + margin-left: -2.5rem; + } + + .md\:-mt-12 { + margin-top: -3rem; + } + + .md\:-mr-12 { + margin-right: -3rem; + } + + .md\:-mb-12 { + margin-bottom: -3rem; + } + + .md\:-ml-12 { + margin-left: -3rem; + } + + .md\:-mt-16 { + margin-top: -4rem; + } + + .md\:-mr-16 { + margin-right: -4rem; + } + + .md\:-mb-16 { + margin-bottom: -4rem; + } + + .md\:-ml-16 { + margin-left: -4rem; + } + + .md\:-mt-20 { + margin-top: -5rem; + } + + .md\:-mr-20 { + margin-right: -5rem; + } + + .md\:-mb-20 { + margin-bottom: -5rem; + } + + .md\:-ml-20 { + margin-left: -5rem; + } + + .md\:-mt-24 { + margin-top: -6rem; + } + + .md\:-mr-24 { + margin-right: -6rem; + } + + .md\:-mb-24 { + margin-bottom: -6rem; + } + + .md\:-ml-24 { + margin-left: -6rem; + } + + .md\:-mt-32 { + margin-top: -8rem; + } + + .md\:-mr-32 { + margin-right: -8rem; + } + + .md\:-mb-32 { + margin-bottom: -8rem; + } + + .md\:-ml-32 { + margin-left: -8rem; + } + + .md\:-mt-40 { + margin-top: -10rem; + } + + .md\:-mr-40 { + margin-right: -10rem; + } + + .md\:-mb-40 { + margin-bottom: -10rem; + } + + .md\:-ml-40 { + margin-left: -10rem; + } + + .md\:-mt-48 { + margin-top: -12rem; + } + + .md\:-mr-48 { + margin-right: -12rem; + } + + .md\:-mb-48 { + margin-bottom: -12rem; + } + + .md\:-ml-48 { + margin-left: -12rem; + } + + .md\:-mt-56 { + margin-top: -14rem; + } + + .md\:-mr-56 { + margin-right: -14rem; + } + + .md\:-mb-56 { + margin-bottom: -14rem; + } + + .md\:-ml-56 { + margin-left: -14rem; + } + + .md\:-mt-64 { + margin-top: -16rem; + } + + .md\:-mr-64 { + margin-right: -16rem; + } + + .md\:-mb-64 { + margin-bottom: -16rem; + } + + .md\:-ml-64 { + margin-left: -16rem; + } + + .md\:-mt-px { + margin-top: -1px; + } + + .md\:-mr-px { + margin-right: -1px; + } + + .md\:-mb-px { + margin-bottom: -1px; + } + + .md\:-ml-px { + margin-left: -1px; + } + + .md\:max-h-full { + max-height: 100%; + } + + .md\:max-h-screen { + max-height: 100vh; + } + + .md\:max-w-none { + max-width: none; + } + + .md\:max-w-xs { + max-width: 20rem; + } + + .md\:max-w-sm { + max-width: 24rem; + } + + .md\:max-w-md { + max-width: 28rem; + } + + .md\:max-w-lg { + max-width: 32rem; + } + + .md\:max-w-xl { + max-width: 36rem; + } + + .md\:max-w-2xl { + max-width: 42rem; + } + + .md\:max-w-3xl { + max-width: 48rem; + } + + .md\:max-w-4xl { + max-width: 56rem; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:max-w-5xl { + max-width: 64rem; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:max-w-6xl { + max-width: 72rem; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:max-w-full { + max-width: 100%; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:max-w-screen-sm { + max-width: 640px; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:max-w-screen-md { + max-width: 768px; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:max-w-screen-lg { + max-width: 1024px; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:max-w-screen-xl { + max-width: 1280px; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:min-h-0 { + min-height: 0; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:min-h-full { + min-height: 100%; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:min-h-screen { + min-height: 100vh; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:min-w-0 { + min-width: 0; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:min-w-full { + min-width: 100%; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:object-contain { + object-fit: contain; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:object-cover { + object-fit: cover; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:object-fill { + object-fit: fill; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:object-none { + object-fit: none; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:object-scale-down { + object-fit: scale-down; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:object-bottom { + object-position: bottom; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:object-center { + object-position: center; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:object-left { + object-position: left; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:object-left-bottom { + object-position: left bottom; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:object-left-top { + object-position: left top; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:object-right { + object-position: right; } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:object-right-bottom { + object-position: right bottom; } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:object-right-top { + object-position: right top; } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:object-top { + object-position: top; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:opacity-0 { + opacity: 0; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:opacity-25 { + opacity: 0.25; } - .md\:mt-0 { - margin-top: 0; + .md\:opacity-50 { + opacity: 0.5; } - .md\:mr-0 { - margin-right: 0; + .md\:opacity-75 { + opacity: 0.75; } - .md\:mb-0 { - margin-bottom: 0; + .md\:opacity-100 { + opacity: 1; } - .md\:ml-0 { - margin-left: 0; + .md\:hover\:opacity-0:hover { + opacity: 0; } - .md\:mt-1 { - margin-top: 0.25rem; + .md\:hover\:opacity-25:hover { + opacity: 0.25; } - .md\:mr-1 { - margin-right: 0.25rem; + .md\:hover\:opacity-50:hover { + opacity: 0.5; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .md\:hover\:opacity-75:hover { + opacity: 0.75; } - .md\:ml-1 { - margin-left: 0.25rem; + .md\:hover\:opacity-100:hover { + opacity: 1; } - .md\:mt-2 { - margin-top: 0.5rem; + .md\:focus\:opacity-0:focus { + opacity: 0; } - .md\:mr-2 { - margin-right: 0.5rem; + .md\:focus\:opacity-25:focus { + opacity: 0.25; + } + + .md\:focus\:opacity-50:focus { + opacity: 0.5; + } + + .md\:focus\:opacity-75:focus { + opacity: 0.75; + } + + .md\:focus\:opacity-100:focus { + opacity: 1; + } + + .md\:outline-none { + outline: 0; + } + + .md\:focus\:outline-none:focus { + outline: 0; + } + + .md\:overflow-auto { + overflow: auto; + } + + .md\:overflow-hidden { + overflow: hidden; + } + + .md\:overflow-visible { + overflow: visible; + } + + .md\:overflow-scroll { + overflow: scroll; + } + + .md\:overflow-x-auto { + overflow-x: auto; + } + + .md\:overflow-y-auto { + overflow-y: auto; + } + + .md\:overflow-x-hidden { + overflow-x: hidden; + } + + .md\:overflow-y-hidden { + overflow-y: hidden; + } + + .md\:overflow-x-visible { + overflow-x: visible; + } + + .md\:overflow-y-visible { + overflow-y: visible; + } + + .md\:overflow-x-scroll { + overflow-x: scroll; + } + + .md\:overflow-y-scroll { + overflow-y: scroll; + } + + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch; + } + + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto; + } + + .md\:p-0 { + padding: 0; + } + + .md\:p-1 { + padding: 0.25rem; + } + + .md\:p-2 { + padding: 0.5rem; + } + + .md\:p-3 { + padding: 0.75rem; + } + + .md\:p-4 { + padding: 1rem; + } + + .md\:p-5 { + padding: 1.25rem; + } + + .md\:p-6 { + padding: 1.5rem; + } + + .md\:p-8 { + padding: 2rem; + } + + .md\:p-10 { + padding: 2.5rem; + } + + .md\:p-12 { + padding: 3rem; + } + + .md\:p-16 { + padding: 4rem; + } + + .md\:p-20 { + padding: 5rem; + } + + .md\:p-24 { + padding: 6rem; + } + + .md\:p-32 { + padding: 8rem; + } + + .md\:p-40 { + padding: 10rem; + } + + .md\:p-48 { + padding: 12rem; + } + + .md\:p-56 { + padding: 14rem; + } + + .md\:p-64 { + padding: 16rem; + } + + .md\:p-px { + padding: 1px; + } + + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + + .md\:px-0 { + padding-left: 0; + padding-right: 0; + } + + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } + + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } + + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } + + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } + + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:ml-2 { - margin-left: 0.5rem; + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:mt-3 { - margin-top: 0.75rem; + .md\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:mr-3 { - margin-right: 0.75rem; + .md\:pt-0 { + padding-top: 0; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .md\:pr-0 { + padding-right: 0; } - .md\:ml-3 { - margin-left: 0.75rem; + .md\:pb-0 { + padding-bottom: 0; } - .md\:mt-4 { - margin-top: 1rem; + .md\:pl-0 { + padding-left: 0; } - .md\:mr-4 { - margin-right: 1rem; + .md\:pt-1 { + padding-top: 0.25rem; } - .md\:mb-4 { - margin-bottom: 1rem; + .md\:pr-1 { + padding-right: 0.25rem; } - .md\:ml-4 { - margin-left: 1rem; + .md\:pb-1 { + padding-bottom: 0.25rem; } - .md\:mt-5 { - margin-top: 1.25rem; + .md\:pl-1 { + padding-left: 0.25rem; } - .md\:mr-5 { - margin-right: 1.25rem; + .md\:pt-2 { + padding-top: 0.5rem; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .md\:pr-2 { + padding-right: 0.5rem; } - .md\:ml-5 { - margin-left: 1.25rem; + .md\:pb-2 { + padding-bottom: 0.5rem; } - .md\:mt-6 { - margin-top: 1.5rem; + .md\:pl-2 { + padding-left: 0.5rem; } - .md\:mr-6 { - margin-right: 1.5rem; + .md\:pt-3 { + padding-top: 0.75rem; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .md\:pr-3 { + padding-right: 0.75rem; } - .md\:ml-6 { - margin-left: 1.5rem; + .md\:pb-3 { + padding-bottom: 0.75rem; } - .md\:mt-8 { - margin-top: 2rem; + .md\:pl-3 { + padding-left: 0.75rem; } - .md\:mr-8 { - margin-right: 2rem; + .md\:pt-4 { + padding-top: 1rem; } - .md\:mb-8 { - margin-bottom: 2rem; + .md\:pr-4 { + padding-right: 1rem; } - .md\:ml-8 { - margin-left: 2rem; + .md\:pb-4 { + padding-bottom: 1rem; } - .md\:mt-10 { - margin-top: 2.5rem; + .md\:pl-4 { + padding-left: 1rem; } - .md\:mr-10 { - margin-right: 2.5rem; + .md\:pt-5 { + padding-top: 1.25rem; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .md\:pr-5 { + padding-right: 1.25rem; } - .md\:ml-10 { - margin-left: 2.5rem; + .md\:pb-5 { + padding-bottom: 1.25rem; } - .md\:mt-12 { - margin-top: 3rem; + .md\:pl-5 { + padding-left: 1.25rem; } - .md\:mr-12 { - margin-right: 3rem; + .md\:pt-6 { + padding-top: 1.5rem; } - .md\:mb-12 { - margin-bottom: 3rem; + .md\:pr-6 { + padding-right: 1.5rem; } - .md\:ml-12 { - margin-left: 3rem; + .md\:pb-6 { + padding-bottom: 1.5rem; } - .md\:mt-16 { - margin-top: 4rem; + .md\:pl-6 { + padding-left: 1.5rem; } - .md\:mr-16 { - margin-right: 4rem; + .md\:pt-8 { + padding-top: 2rem; } - .md\:mb-16 { - margin-bottom: 4rem; + .md\:pr-8 { + padding-right: 2rem; } - .md\:ml-16 { - margin-left: 4rem; + .md\:pb-8 { + padding-bottom: 2rem; } - .md\:mt-20 { - margin-top: 5rem; + .md\:pl-8 { + padding-left: 2rem; } - .md\:mr-20 { - margin-right: 5rem; + .md\:pt-10 { + padding-top: 2.5rem; } - .md\:mb-20 { - margin-bottom: 5rem; + .md\:pr-10 { + padding-right: 2.5rem; } - .md\:ml-20 { - margin-left: 5rem; + .md\:pb-10 { + padding-bottom: 2.5rem; } - .md\:mt-24 { - margin-top: 6rem; + .md\:pl-10 { + padding-left: 2.5rem; } - .md\:mr-24 { - margin-right: 6rem; + .md\:pt-12 { + padding-top: 3rem; } - .md\:mb-24 { - margin-bottom: 6rem; + .md\:pr-12 { + padding-right: 3rem; } - .md\:ml-24 { - margin-left: 6rem; + .md\:pb-12 { + padding-bottom: 3rem; } - .md\:mt-32 { - margin-top: 8rem; + .md\:pl-12 { + padding-left: 3rem; } - .md\:mr-32 { - margin-right: 8rem; + .md\:pt-16 { + padding-top: 4rem; } - .md\:mb-32 { - margin-bottom: 8rem; + .md\:pr-16 { + padding-right: 4rem; } - .md\:ml-32 { - margin-left: 8rem; + .md\:pb-16 { + padding-bottom: 4rem; } - .md\:mt-40 { - margin-top: 10rem; + .md\:pl-16 { + padding-left: 4rem; } - .md\:mr-40 { - margin-right: 10rem; + .md\:pt-20 { + padding-top: 5rem; } - .md\:mb-40 { - margin-bottom: 10rem; + .md\:pr-20 { + padding-right: 5rem; } - .md\:ml-40 { - margin-left: 10rem; + .md\:pb-20 { + padding-bottom: 5rem; } - .md\:mt-48 { - margin-top: 12rem; + .md\:pl-20 { + padding-left: 5rem; } - .md\:mr-48 { - margin-right: 12rem; + .md\:pt-24 { + padding-top: 6rem; } - .md\:mb-48 { - margin-bottom: 12rem; + .md\:pr-24 { + padding-right: 6rem; } - .md\:ml-48 { - margin-left: 12rem; + .md\:pb-24 { + padding-bottom: 6rem; } - .md\:mt-56 { - margin-top: 14rem; + .md\:pl-24 { + padding-left: 6rem; } - .md\:mr-56 { - margin-right: 14rem; + .md\:pt-32 { + padding-top: 8rem; } - .md\:mb-56 { - margin-bottom: 14rem; + .md\:pr-32 { + padding-right: 8rem; } - .md\:ml-56 { - margin-left: 14rem; + .md\:pb-32 { + padding-bottom: 8rem; } - .md\:mt-64 { - margin-top: 16rem; + .md\:pl-32 { + padding-left: 8rem; } - .md\:mr-64 { - margin-right: 16rem; + .md\:pt-40 { + padding-top: 10rem; } - .md\:mb-64 { - margin-bottom: 16rem; + .md\:pr-40 { + padding-right: 10rem; } - .md\:ml-64 { - margin-left: 16rem; + .md\:pb-40 { + padding-bottom: 10rem; } - .md\:mt-auto { - margin-top: auto; + .md\:pl-40 { + padding-left: 10rem; } - .md\:mr-auto { - margin-right: auto; + .md\:pt-48 { + padding-top: 12rem; } - .md\:mb-auto { - margin-bottom: auto; + .md\:pr-48 { + padding-right: 12rem; } - .md\:ml-auto { - margin-left: auto; + .md\:pb-48 { + padding-bottom: 12rem; } - .md\:mt-px { - margin-top: 1px; + .md\:pl-48 { + padding-left: 12rem; } - .md\:mr-px { - margin-right: 1px; + .md\:pt-56 { + padding-top: 14rem; } - .md\:mb-px { - margin-bottom: 1px; + .md\:pr-56 { + padding-right: 14rem; } - .md\:ml-px { - margin-left: 1px; + .md\:pb-56 { + padding-bottom: 14rem; } - .md\:-mt-1 { - margin-top: -0.25rem; + .md\:pl-56 { + padding-left: 14rem; } - .md\:-mr-1 { - margin-right: -0.25rem; + .md\:pt-64 { + padding-top: 16rem; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .md\:pr-64 { + padding-right: 16rem; } - .md\:-ml-1 { - margin-left: -0.25rem; + .md\:pb-64 { + padding-bottom: 16rem; } - .md\:-mt-2 { - margin-top: -0.5rem; + .md\:pl-64 { + padding-left: 16rem; } - .md\:-mr-2 { - margin-right: -0.5rem; + .md\:pt-px { + padding-top: 1px; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .md\:pr-px { + padding-right: 1px; } - .md\:-ml-2 { - margin-left: -0.5rem; + .md\:pb-px { + padding-bottom: 1px; } - .md\:-mt-3 { - margin-top: -0.75rem; + .md\:pl-px { + padding-left: 1px; } - .md\:-mr-3 { - margin-right: -0.75rem; + .md\:placeholder-transparent::placeholder { + color: transparent; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .md\:placeholder-current::placeholder { + color: currentColor; } - .md\:-ml-3 { - margin-left: -0.75rem; + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:-mt-4 { - margin-top: -1rem; + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:-mr-4 { - margin-right: -1rem; + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .md\:-mb-4 { - margin-bottom: -1rem; + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .md\:-ml-4 { - margin-left: -1rem; + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .md\:-mt-5 { - margin-top: -1.25rem; + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .md\:-mr-5 { - margin-right: -1.25rem; + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .md\:-ml-5 { - margin-left: -1.25rem; + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .md\:-mt-6 { - margin-top: -1.5rem; + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .md\:-mr-6 { - margin-right: -1.5rem; + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .md\:-ml-6 { - margin-left: -1.5rem; + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .md\:-mt-8 { - margin-top: -2rem; + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .md\:-mr-8 { - margin-right: -2rem; + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .md\:-mb-8 { - margin-bottom: -2rem; + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .md\:-ml-8 { - margin-left: -2rem; + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .md\:-mt-10 { - margin-top: -2.5rem; + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .md\:-mr-10 { - margin-right: -2.5rem; + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .md\:-ml-10 { - margin-left: -2.5rem; + .md\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .md\:-mt-12 { - margin-top: -3rem; + .md\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .md\:-mr-12 { - margin-right: -3rem; + .md\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .md\:-mb-12 { - margin-bottom: -3rem; + .md\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .md\:-ml-12 { - margin-left: -3rem; + .md\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .md\:-mt-16 { - margin-top: -4rem; + .md\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .md\:-mr-16 { - margin-right: -4rem; + .md\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .md\:-mb-16 { - margin-bottom: -4rem; + .md\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .md\:-ml-16 { - margin-left: -4rem; + .md\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .md\:-mt-20 { - margin-top: -5rem; + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .md\:-mr-20 { - margin-right: -5rem; + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .md\:-mb-20 { - margin-bottom: -5rem; + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .md\:-ml-20 { - margin-left: -5rem; + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .md\:-mt-24 { - margin-top: -6rem; + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .md\:-mr-24 { - margin-right: -6rem; + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .md\:-mb-24 { - margin-bottom: -6rem; + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .md\:-ml-24 { - margin-left: -6rem; + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .md\:-mt-32 { - margin-top: -8rem; + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .md\:-mr-32 { - margin-right: -8rem; + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .md\:-mb-32 { - margin-bottom: -8rem; + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .md\:-ml-32 { - margin-left: -8rem; + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .md\:-mt-40 { - margin-top: -10rem; + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .md\:-mr-40 { - margin-right: -10rem; + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .md\:-mb-40 { - margin-bottom: -10rem; + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .md\:-ml-40 { - margin-left: -10rem; + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .md\:-mt-48 { - margin-top: -12rem; + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .md\:-mr-48 { - margin-right: -12rem; + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .md\:-mb-48 { - margin-bottom: -12rem; + .md\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .md\:-ml-48 { - margin-left: -12rem; + .md\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .md\:-mt-56 { - margin-top: -14rem; + .md\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .md\:-mr-56 { - margin-right: -14rem; + .md\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .md\:-mb-56 { - margin-bottom: -14rem; + .md\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .md\:-ml-56 { - margin-left: -14rem; + .md\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .md\:-mt-64 { - margin-top: -16rem; + .md\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .md\:-mr-64 { - margin-right: -16rem; + .md\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .md\:-mb-64 { - margin-bottom: -16rem; + .md\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .md\:-ml-64 { - margin-left: -16rem; + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .md\:-mt-px { - margin-top: -1px; + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .md\:-mr-px { - margin-right: -1px; + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .md\:-mb-px { - margin-bottom: -1px; + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .md\:-ml-px { - margin-left: -1px; + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .md\:max-h-full { - max-height: 100%; + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .md\:max-h-screen { - max-height: 100vh; + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .md\:max-w-none { - max-width: none; + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .md\:max-w-xs { - max-width: 20rem; + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .md\:max-w-sm { - max-width: 24rem; + .md\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .md\:max-w-md { - max-width: 28rem; + .md\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .md\:max-w-lg { - max-width: 32rem; + .md\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .md\:max-w-xl { - max-width: 36rem; + .md\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .md\:max-w-2xl { - max-width: 42rem; + .md\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .md\:max-w-3xl { - max-width: 48rem; + .md\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .md\:max-w-4xl { - max-width: 56rem; + .md\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .md\:max-w-5xl { - max-width: 64rem; + .md\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .md\:max-w-6xl { - max-width: 72rem; + .md\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .md\:max-w-full { - max-width: 100%; + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .md\:max-w-screen-sm { - max-width: 640px; + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .md\:max-w-screen-md { - max-width: 768px; + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .md\:max-w-screen-lg { - max-width: 1024px; + .md\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .md\:max-w-screen-xl { - max-width: 1280px; + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .md\:min-h-0 { - min-height: 0; + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .md\:min-h-full { - min-height: 100%; + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .md\:min-h-screen { - min-height: 100vh; + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .md\:min-w-0 { - min-width: 0; + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .md\:min-w-full { - min-width: 100%; + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .md\:object-contain { - object-fit: contain; + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .md\:object-cover { - object-fit: cover; + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .md\:object-fill { - object-fit: fill; + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .md\:object-none { - object-fit: none; + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .md\:object-scale-down { - object-fit: scale-down; + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .md\:object-bottom { - object-position: bottom; + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .md\:object-center { - object-position: center; + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .md\:object-left { - object-position: left; + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .md\:object-left-bottom { - object-position: left bottom; + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:object-left-top { - object-position: left top; + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .md\:object-right { - object-position: right; + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:object-right-bottom { - object-position: right bottom; + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:object-right-top { - object-position: right top; + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .md\:object-top { - object-position: top; + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .md\:opacity-0 { - opacity: 0; + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .md\:opacity-25 { - opacity: 0.25; + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .md\:opacity-50 { - opacity: 0.5; + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .md\:opacity-75 { - opacity: 0.75; + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .md\:opacity-100 { - opacity: 1; + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .md\:hover\:opacity-0:hover { - opacity: 0; + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .md\:hover\:opacity-100:hover { - opacity: 1; + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .md\:focus\:opacity-0:focus { - opacity: 0; + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .md\:focus\:opacity-100:focus { - opacity: 1; + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .md\:outline-none { - outline: 0; + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .md\:focus\:outline-none:focus { - outline: 0; + .md\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .md\:overflow-auto { - overflow: auto; + .md\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .md\:overflow-hidden { - overflow: hidden; + .md\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .md\:overflow-visible { - overflow: visible; + .md\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .md\:overflow-scroll { - overflow: scroll; + .md\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .md\:overflow-x-auto { - overflow-x: auto; + .md\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .md\:overflow-y-auto { - overflow-y: auto; + .md\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .md\:overflow-x-hidden { - overflow-x: hidden; + .md\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .md\:overflow-y-hidden { - overflow-y: hidden; + .md\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .md\:overflow-x-visible { - overflow-x: visible; + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .md\:overflow-y-visible { - overflow-y: visible; + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .md\:overflow-x-scroll { - overflow-x: scroll; + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .md\:overflow-y-scroll { - overflow-y: scroll; + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .md\:p-0 { - padding: 0; + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .md\:p-1 { - padding: 0.25rem; + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .md\:p-2 { - padding: 0.5rem; + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .md\:p-3 { - padding: 0.75rem; + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .md\:p-4 { - padding: 1rem; + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .md\:p-5 { - padding: 1.25rem; + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .md\:p-6 { - padding: 1.5rem; + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .md\:p-8 { - padding: 2rem; + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .md\:p-10 { - padding: 2.5rem; + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .md\:p-12 { - padding: 3rem; + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .md\:p-16 { - padding: 4rem; + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .md\:p-20 { - padding: 5rem; + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .md\:p-24 { - padding: 6rem; + .md\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .md\:p-32 { - padding: 8rem; + .md\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .md\:p-40 { - padding: 10rem; + .md\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .md\:p-48 { - padding: 12rem; + .md\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .md\:p-56 { - padding: 14rem; + .md\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .md\:p-64 { - padding: 16rem; + .md\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .md\:p-px { - padding: 1px; + .md\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .md\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .md\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .md\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .md\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .md\:pt-0 { - padding-top: 0; + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .md\:pr-0 { - padding-right: 0; + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .md\:pb-0 { - padding-bottom: 0; + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .md\:pl-0 { - padding-left: 0; + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .md\:pt-1 { - padding-top: 0.25rem; + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .md\:pr-1 { - padding-right: 0.25rem; + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .md\:pb-1 { - padding-bottom: 0.25rem; + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .md\:pl-1 { - padding-left: 0.25rem; + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .md\:pt-2 { - padding-top: 0.5rem; + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .md\:pr-2 { - padding-right: 0.5rem; + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .md\:pb-2 { - padding-bottom: 0.5rem; + .md\:pointer-events-none { + pointer-events: none; } - .md\:pl-2 { - padding-left: 0.5rem; + .md\:pointer-events-auto { + pointer-events: auto; } - .md\:pt-3 { - padding-top: 0.75rem; + .md\:static { + position: static; } - .md\:pr-3 { - padding-right: 0.75rem; + .md\:fixed { + position: fixed; } - .md\:pb-3 { - padding-bottom: 0.75rem; + .md\:absolute { + position: absolute; } - .md\:pl-3 { - padding-left: 0.75rem; + .md\:relative { + position: relative; } - .md\:pt-4 { - padding-top: 1rem; + .md\:sticky { + position: sticky; } - .md\:pr-4 { - padding-right: 1rem; + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:pb-4 { - padding-bottom: 1rem; + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:pl-4 { - padding-left: 1rem; + .md\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:pt-5 { - padding-top: 1.25rem; + .md\:inset-x-0 { + right: 0; + left: 0; } - .md\:pr-5 { - padding-right: 1.25rem; + .md\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:pb-5 { - padding-bottom: 1.25rem; + .md\:inset-x-auto { + right: auto; + left: auto; } - .md\:pl-5 { - padding-left: 1.25rem; + .md\:top-0 { + top: 0; } - .md\:pt-6 { - padding-top: 1.5rem; + .md\:right-0 { + right: 0; } - .md\:pr-6 { - padding-right: 1.5rem; + .md\:bottom-0 { + bottom: 0; } - .md\:pb-6 { - padding-bottom: 1.5rem; + .md\:left-0 { + left: 0; } - .md\:pl-6 { - padding-left: 1.5rem; + .md\:top-auto { + top: auto; } - .md\:pt-8 { - padding-top: 2rem; + .md\:right-auto { + right: auto; } - .md\:pr-8 { - padding-right: 2rem; + .md\:bottom-auto { + bottom: auto; } - .md\:pb-8 { - padding-bottom: 2rem; + .md\:left-auto { + left: auto; } - .md\:pl-8 { - padding-left: 2rem; + .md\:resize-none { + resize: none; } - .md\:pt-10 { - padding-top: 2.5rem; + .md\:resize-y { + resize: vertical; } - .md\:pr-10 { - padding-right: 2.5rem; + .md\:resize-x { + resize: horizontal; } - .md\:pb-10 { - padding-bottom: 2.5rem; + .md\:resize { + resize: both; } - .md\:pl-10 { - padding-left: 2.5rem; + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pt-12 { - padding-top: 3rem; + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pr-12 { - padding-right: 3rem; + .md\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:pb-12 { - padding-bottom: 3rem; + .md\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:pl-12 { - padding-left: 3rem; + .md\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:pt-16 { - padding-top: 4rem; + .md\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:pr-16 { - padding-right: 4rem; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pb-16 { - padding-bottom: 4rem; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pl-16 { - padding-left: 4rem; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pt-20 { - padding-top: 5rem; + .md\:shadow-none { + box-shadow: none; } - .md\:pr-20 { - padding-right: 5rem; + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pb-20 { - padding-bottom: 5rem; + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pl-20 { - padding-left: 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); } - .md\:pt-24 { - padding-top: 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); } - .md\:pr-24 { - padding-right: 6rem; + .md\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:pb-24 { - padding-bottom: 6rem; + .md\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:pl-24 { - padding-left: 6rem; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pt-32 { - padding-top: 8rem; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pr-32 { - padding-right: 8rem; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pb-32 { - padding-bottom: 8rem; + .md\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:pl-32 { - padding-left: 8rem; + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pt-40 { - padding-top: 10rem; + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pr-40 { - padding-right: 10rem; + .md\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:pb-40 { - padding-bottom: 10rem; + .md\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:pl-40 { - padding-left: 10rem; + .md\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:pt-48 { - padding-top: 12rem; + .md\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:pr-48 { - padding-right: 12rem; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pb-48 { - padding-bottom: 12rem; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pl-48 { - padding-left: 12rem; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pt-56 { - padding-top: 14rem; + .md\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:pr-56 { - padding-right: 14rem; + .md\:fill-current { + fill: currentColor; } - .md\:pb-56 { - padding-bottom: 14rem; + .md\:stroke-current { + stroke: currentColor; } - .md\:pl-56 { - padding-left: 14rem; + .md\:stroke-0 { + stroke-width: 0; } - .md\:pt-64 { - padding-top: 16rem; + .md\:stroke-1 { + stroke-width: 1; } - .md\:pr-64 { - padding-right: 16rem; + .md\:stroke-2 { + stroke-width: 2; } - .md\:pb-64 { - padding-bottom: 16rem; + .md\:table-auto { + table-layout: auto; } - .md\:pl-64 { - padding-left: 16rem; + .md\:table-fixed { + table-layout: fixed; } - .md\:pt-px { - padding-top: 1px; + .md\:text-left { + text-align: left; } - .md\:pr-px { - padding-right: 1px; + .md\:text-center { + text-align: center; } - .md\:pb-px { - padding-bottom: 1px; + .md\:text-right { + text-align: right; } - .md\:pl-px { - padding-left: 1px; + .md\:text-justify { + text-align: justify; } - .md\:placeholder-transparent::placeholder { + .md\:text-transparent { color: transparent; } - .md\:placeholder-black::placeholder { + .md\:text-current { + color: currentColor; + } + + .md\:text-black { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:placeholder-white::placeholder { + .md\:text-white { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:placeholder-gray-100::placeholder { + .md\:text-gray-100 { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .md\:placeholder-gray-200::placeholder { + .md\:text-gray-200 { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .md\:placeholder-gray-300::placeholder { + .md\:text-gray-300 { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .md\:placeholder-gray-400::placeholder { + .md\:text-gray-400 { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .md\:placeholder-gray-500::placeholder { + .md\:text-gray-500 { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .md\:placeholder-gray-600::placeholder { + .md\:text-gray-600 { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .md\:placeholder-gray-700::placeholder { + .md\:text-gray-700 { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .md\:placeholder-gray-800::placeholder { + .md\:text-gray-800 { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .md\:placeholder-gray-900::placeholder { + .md\:text-gray-900 { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .md\:placeholder-red-100::placeholder { + .md\:text-red-100 { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .md\:placeholder-red-200::placeholder { + .md\:text-red-200 { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .md\:placeholder-red-300::placeholder { + .md\:text-red-300 { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .md\:placeholder-red-400::placeholder { + .md\:text-red-400 { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .md\:placeholder-red-500::placeholder { + .md\:text-red-500 { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .md\:placeholder-red-600::placeholder { + .md\:text-red-600 { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .md\:placeholder-red-700::placeholder { + .md\:text-red-700 { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .md\:placeholder-red-800::placeholder { + .md\:text-red-800 { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .md\:placeholder-red-900::placeholder { + .md\:text-red-900 { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .md\:placeholder-orange-100::placeholder { + .md\:text-orange-100 { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .md\:placeholder-orange-200::placeholder { + .md\:text-orange-200 { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .md\:placeholder-orange-300::placeholder { + .md\:text-orange-300 { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .md\:placeholder-orange-400::placeholder { + .md\:text-orange-400 { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .md\:placeholder-orange-500::placeholder { + .md\:text-orange-500 { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .md\:placeholder-orange-600::placeholder { + .md\:text-orange-600 { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .md\:placeholder-orange-700::placeholder { + .md\:text-orange-700 { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .md\:placeholder-orange-800::placeholder { + .md\:text-orange-800 { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .md\:placeholder-orange-900::placeholder { + .md\:text-orange-900 { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .md\:placeholder-yellow-100::placeholder { + .md\:text-yellow-100 { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .md\:placeholder-yellow-200::placeholder { + .md\:text-yellow-200 { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .md\:placeholder-yellow-300::placeholder { + .md\:text-yellow-300 { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .md\:placeholder-yellow-400::placeholder { + .md\:text-yellow-400 { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .md\:placeholder-yellow-500::placeholder { + .md\:text-yellow-500 { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .md\:placeholder-yellow-600::placeholder { + .md\:text-yellow-600 { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .md\:placeholder-yellow-700::placeholder { + .md\:text-yellow-700 { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .md\:placeholder-yellow-800::placeholder { + .md\:text-yellow-800 { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .md\:placeholder-yellow-900::placeholder { + .md\:text-yellow-900 { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .md\:placeholder-green-100::placeholder { + .md\:text-green-100 { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .md\:placeholder-green-200::placeholder { + .md\:text-green-200 { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .md\:placeholder-green-300::placeholder { + .md\:text-green-300 { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .md\:placeholder-green-400::placeholder { + .md\:text-green-400 { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .md\:placeholder-green-500::placeholder { + .md\:text-green-500 { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .md\:placeholder-green-600::placeholder { + .md\:text-green-600 { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .md\:placeholder-green-700::placeholder { + .md\:text-green-700 { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .md\:placeholder-green-800::placeholder { + .md\:text-green-800 { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .md\:placeholder-green-900::placeholder { + .md\:text-green-900 { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .md\:placeholder-teal-100::placeholder { + .md\:text-teal-100 { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .md\:placeholder-teal-200::placeholder { + .md\:text-teal-200 { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .md\:placeholder-teal-300::placeholder { + .md\:text-teal-300 { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .md\:placeholder-teal-400::placeholder { + .md\:text-teal-400 { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .md\:placeholder-teal-500::placeholder { + .md\:text-teal-500 { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .md\:placeholder-teal-600::placeholder { + .md\:text-teal-600 { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .md\:placeholder-teal-700::placeholder { + .md\:text-teal-700 { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .md\:placeholder-teal-800::placeholder { + .md\:text-teal-800 { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .md\:placeholder-teal-900::placeholder { + .md\:text-teal-900 { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .md\:placeholder-blue-100::placeholder { + .md\:text-blue-100 { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .md\:placeholder-blue-200::placeholder { + .md\:text-blue-200 { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .md\:placeholder-blue-300::placeholder { + .md\:text-blue-300 { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .md\:placeholder-blue-400::placeholder { + .md\:text-blue-400 { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .md\:placeholder-blue-500::placeholder { + .md\:text-blue-500 { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .md\:placeholder-blue-600::placeholder { + .md\:text-blue-600 { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .md\:placeholder-blue-700::placeholder { + .md\:text-blue-700 { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .md\:placeholder-blue-800::placeholder { + .md\:text-blue-800 { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .md\:placeholder-blue-900::placeholder { + .md\:text-blue-900 { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .md\:placeholder-indigo-100::placeholder { + .md\:text-indigo-100 { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .md\:placeholder-indigo-200::placeholder { + .md\:text-indigo-200 { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .md\:placeholder-indigo-300::placeholder { + .md\:text-indigo-300 { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .md\:placeholder-indigo-400::placeholder { + .md\:text-indigo-400 { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .md\:placeholder-indigo-500::placeholder { + .md\:text-indigo-500 { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .md\:placeholder-indigo-600::placeholder { + .md\:text-indigo-600 { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .md\:placeholder-indigo-700::placeholder { + .md\:text-indigo-700 { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .md\:placeholder-indigo-800::placeholder { + .md\:text-indigo-800 { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .md\:placeholder-indigo-900::placeholder { + .md\:text-indigo-900 { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .md\:placeholder-purple-100::placeholder { + .md\:text-purple-100 { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .md\:placeholder-purple-200::placeholder { + .md\:text-purple-200 { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .md\:placeholder-purple-300::placeholder { + .md\:text-purple-300 { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .md\:placeholder-purple-400::placeholder { + .md\:text-purple-400 { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .md\:placeholder-purple-500::placeholder { + .md\:text-purple-500 { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .md\:placeholder-purple-600::placeholder { + .md\:text-purple-600 { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .md\:placeholder-purple-700::placeholder { + .md\:text-purple-700 { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .md\:placeholder-purple-800::placeholder { + .md\:text-purple-800 { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .md\:placeholder-purple-900::placeholder { + .md\:text-purple-900 { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .md\:placeholder-pink-100::placeholder { + .md\:text-pink-100 { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .md\:placeholder-pink-200::placeholder { + .md\:text-pink-200 { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .md\:placeholder-pink-300::placeholder { + .md\:text-pink-300 { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .md\:placeholder-pink-400::placeholder { + .md\:text-pink-400 { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .md\:placeholder-pink-500::placeholder { + .md\:text-pink-500 { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .md\:placeholder-pink-600::placeholder { + .md\:text-pink-600 { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .md\:placeholder-pink-700::placeholder { + .md\:text-pink-700 { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .md\:placeholder-pink-800::placeholder { + .md\:text-pink-800 { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .md\:placeholder-pink-900::placeholder { + .md\:text-pink-900 { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .md\:focus\:placeholder-transparent:focus::placeholder { + .md\:hover\:text-transparent:hover { color: transparent; } - .md\:focus\:placeholder-black:focus::placeholder { + .md\:hover\:text-current:hover { + color: currentColor; + } + + .md\:hover\:text-black:hover { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:focus\:placeholder-white:focus::placeholder { + .md\:hover\:text-white:hover { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:focus\:placeholder-gray-100:focus::placeholder { + .md\:hover\:text-gray-100:hover { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .md\:focus\:placeholder-gray-200:focus::placeholder { + .md\:hover\:text-gray-200:hover { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .md\:focus\:placeholder-gray-300:focus::placeholder { + .md\:hover\:text-gray-300:hover { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .md\:focus\:placeholder-gray-400:focus::placeholder { + .md\:hover\:text-gray-400:hover { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .md\:focus\:placeholder-gray-500:focus::placeholder { + .md\:hover\:text-gray-500:hover { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .md\:focus\:placeholder-gray-600:focus::placeholder { + .md\:hover\:text-gray-600:hover { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .md\:focus\:placeholder-gray-700:focus::placeholder { + .md\:hover\:text-gray-700:hover { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .md\:focus\:placeholder-gray-800:focus::placeholder { + .md\:hover\:text-gray-800:hover { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .md\:focus\:placeholder-gray-900:focus::placeholder { + .md\:hover\:text-gray-900:hover { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .md\:focus\:placeholder-red-100:focus::placeholder { + .md\:hover\:text-red-100:hover { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .md\:focus\:placeholder-red-200:focus::placeholder { + .md\:hover\:text-red-200:hover { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .md\:focus\:placeholder-red-300:focus::placeholder { + .md\:hover\:text-red-300:hover { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .md\:focus\:placeholder-red-400:focus::placeholder { + .md\:hover\:text-red-400:hover { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .md\:focus\:placeholder-red-500:focus::placeholder { + .md\:hover\:text-red-500:hover { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .md\:focus\:placeholder-red-600:focus::placeholder { + .md\:hover\:text-red-600:hover { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .md\:focus\:placeholder-red-700:focus::placeholder { + .md\:hover\:text-red-700:hover { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .md\:focus\:placeholder-red-800:focus::placeholder { + .md\:hover\:text-red-800:hover { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .md\:focus\:placeholder-red-900:focus::placeholder { + .md\:hover\:text-red-900:hover { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .md\:focus\:placeholder-orange-100:focus::placeholder { + .md\:hover\:text-orange-100:hover { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .md\:focus\:placeholder-orange-200:focus::placeholder { + .md\:hover\:text-orange-200:hover { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .md\:focus\:placeholder-orange-300:focus::placeholder { + .md\:hover\:text-orange-300:hover { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .md\:focus\:placeholder-orange-400:focus::placeholder { + .md\:hover\:text-orange-400:hover { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .md\:focus\:placeholder-orange-500:focus::placeholder { + .md\:hover\:text-orange-500:hover { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .md\:focus\:placeholder-orange-600:focus::placeholder { + .md\:hover\:text-orange-600:hover { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .md\:focus\:placeholder-orange-700:focus::placeholder { + .md\:hover\:text-orange-700:hover { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .md\:focus\:placeholder-orange-800:focus::placeholder { + .md\:hover\:text-orange-800:hover { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .md\:focus\:placeholder-orange-900:focus::placeholder { + .md\:hover\:text-orange-900:hover { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-100:focus::placeholder { + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-200:focus::placeholder { + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-300:focus::placeholder { + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-400:focus::placeholder { + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-500:focus::placeholder { + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-600:focus::placeholder { + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-700:focus::placeholder { + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-800:focus::placeholder { + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .md\:focus\:placeholder-yellow-900:focus::placeholder { + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .md\:focus\:placeholder-green-100:focus::placeholder { + .md\:hover\:text-green-100:hover { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .md\:focus\:placeholder-green-200:focus::placeholder { + .md\:hover\:text-green-200:hover { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .md\:focus\:placeholder-green-300:focus::placeholder { + .md\:hover\:text-green-300:hover { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .md\:focus\:placeholder-green-400:focus::placeholder { + .md\:hover\:text-green-400:hover { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .md\:focus\:placeholder-green-500:focus::placeholder { + .md\:hover\:text-green-500:hover { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .md\:focus\:placeholder-green-600:focus::placeholder { + .md\:hover\:text-green-600:hover { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .md\:focus\:placeholder-green-700:focus::placeholder { + .md\:hover\:text-green-700:hover { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .md\:focus\:placeholder-green-800:focus::placeholder { + .md\:hover\:text-green-800:hover { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .md\:focus\:placeholder-green-900:focus::placeholder { + .md\:hover\:text-green-900:hover { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .md\:focus\:placeholder-teal-100:focus::placeholder { + .md\:hover\:text-teal-100:hover { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .md\:focus\:placeholder-teal-200:focus::placeholder { + .md\:hover\:text-teal-200:hover { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .md\:focus\:placeholder-teal-300:focus::placeholder { + .md\:hover\:text-teal-300:hover { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .md\:focus\:placeholder-teal-400:focus::placeholder { + .md\:hover\:text-teal-400:hover { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .md\:focus\:placeholder-teal-500:focus::placeholder { + .md\:hover\:text-teal-500:hover { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .md\:focus\:placeholder-teal-600:focus::placeholder { + .md\:hover\:text-teal-600:hover { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .md\:focus\:placeholder-teal-700:focus::placeholder { + .md\:hover\:text-teal-700:hover { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .md\:focus\:placeholder-teal-800:focus::placeholder { + .md\:hover\:text-teal-800:hover { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .md\:focus\:placeholder-teal-900:focus::placeholder { + .md\:hover\:text-teal-900:hover { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .md\:focus\:placeholder-blue-100:focus::placeholder { + .md\:hover\:text-blue-100:hover { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .md\:focus\:placeholder-blue-200:focus::placeholder { + .md\:hover\:text-blue-200:hover { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .md\:focus\:placeholder-blue-300:focus::placeholder { + .md\:hover\:text-blue-300:hover { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .md\:focus\:placeholder-blue-400:focus::placeholder { + .md\:hover\:text-blue-400:hover { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .md\:focus\:placeholder-blue-500:focus::placeholder { + .md\:hover\:text-blue-500:hover { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .md\:focus\:placeholder-blue-600:focus::placeholder { + .md\:hover\:text-blue-600:hover { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .md\:focus\:placeholder-blue-700:focus::placeholder { + .md\:hover\:text-blue-700:hover { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .md\:focus\:placeholder-blue-800:focus::placeholder { + .md\:hover\:text-blue-800:hover { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .md\:focus\:placeholder-blue-900:focus::placeholder { + .md\:hover\:text-blue-900:hover { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-100:focus::placeholder { + .md\:hover\:text-indigo-100:hover { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-200:focus::placeholder { + .md\:hover\:text-indigo-200:hover { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-300:focus::placeholder { + .md\:hover\:text-indigo-300:hover { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-400:focus::placeholder { + .md\:hover\:text-indigo-400:hover { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-500:focus::placeholder { + .md\:hover\:text-indigo-500:hover { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-600:focus::placeholder { + .md\:hover\:text-indigo-600:hover { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-700:focus::placeholder { + .md\:hover\:text-indigo-700:hover { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-800:focus::placeholder { + .md\:hover\:text-indigo-800:hover { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .md\:focus\:placeholder-indigo-900:focus::placeholder { + .md\:hover\:text-indigo-900:hover { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .md\:focus\:placeholder-purple-100:focus::placeholder { + .md\:hover\:text-purple-100:hover { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .md\:focus\:placeholder-purple-200:focus::placeholder { + .md\:hover\:text-purple-200:hover { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .md\:focus\:placeholder-purple-300:focus::placeholder { + .md\:hover\:text-purple-300:hover { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .md\:focus\:placeholder-purple-400:focus::placeholder { + .md\:hover\:text-purple-400:hover { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .md\:focus\:placeholder-purple-500:focus::placeholder { + .md\:hover\:text-purple-500:hover { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .md\:focus\:placeholder-purple-600:focus::placeholder { + .md\:hover\:text-purple-600:hover { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .md\:focus\:placeholder-purple-700:focus::placeholder { + .md\:hover\:text-purple-700:hover { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .md\:focus\:placeholder-purple-800:focus::placeholder { + .md\:hover\:text-purple-800:hover { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .md\:focus\:placeholder-purple-900:focus::placeholder { + .md\:hover\:text-purple-900:hover { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .md\:focus\:placeholder-pink-100:focus::placeholder { + .md\:hover\:text-pink-100:hover { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .md\:focus\:placeholder-pink-200:focus::placeholder { + .md\:hover\:text-pink-200:hover { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .md\:focus\:placeholder-pink-300:focus::placeholder { + .md\:hover\:text-pink-300:hover { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .md\:focus\:placeholder-pink-400:focus::placeholder { + .md\:hover\:text-pink-400:hover { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .md\:focus\:placeholder-pink-500:focus::placeholder { + .md\:hover\:text-pink-500:hover { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .md\:focus\:placeholder-pink-600:focus::placeholder { + .md\:hover\:text-pink-600:hover { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .md\:focus\:placeholder-pink-700:focus::placeholder { + .md\:hover\:text-pink-700:hover { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .md\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d; - } - - .md\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459; - } - - .md\:pointer-events-none { - pointer-events: none; - } - - .md\:pointer-events-auto { - pointer-events: auto; - } - - .md\:static { - position: static; - } - - .md\:fixed { - position: fixed; - } - - .md\:absolute { - position: absolute; - } - - .md\:relative { - position: relative; - } - - .md\:sticky { - position: sticky; - } - - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; - } - - .md\:inset-y-0 { - top: 0; - bottom: 0; - } - - .md\:inset-x-0 { - right: 0; - left: 0; - } - - .md\:inset-y-auto { - top: auto; - bottom: auto; - } - - .md\:inset-x-auto { - right: auto; - left: auto; - } - - .md\:top-0 { - top: 0; - } - - .md\:right-0 { - right: 0; - } - - .md\:bottom-0 { - bottom: 0; - } - - .md\:left-0 { - left: 0; - } - - .md\:top-auto { - top: auto; - } - - .md\:right-auto { - right: auto; - } - - .md\:bottom-auto { - bottom: auto; - } - - .md\:left-auto { - left: auto; - } - - .md\:resize-none { - resize: none; - } - - .md\:resize-y { - resize: vertical; - } - - .md\:resize-x { - resize: horizontal; - } - - .md\:resize { - resize: both; - } - - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); - } - - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - } - - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - } - - .md\: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\: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\: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\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - } - - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - } - - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); - } - - .md\:shadow-none { - box-shadow: none; - } - - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); - } - - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - } - - .md\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - } - - .md\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - } - - .md\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .md\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - } - - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - } - - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - } - - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); - } - - .md\:hover\:shadow-none:hover { - box-shadow: none; - } - - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); - } - - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - } - - .md\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - } - - .md\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - } - - .md\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .md\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - } - - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - } - - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - } - - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); - } - - .md\:focus\:shadow-none:focus { - box-shadow: none; - } - - .md\:fill-current { - fill: currentColor; - } - - .md\:stroke-current { - stroke: currentColor; - } - - .md\:stroke-0 { - stroke-width: 0; - } - - .md\:stroke-1 { - stroke-width: 1; - } - - .md\:stroke-2 { - stroke-width: 2; - } - - .md\:table-auto { - table-layout: auto; - } - - .md\:table-fixed { - table-layout: fixed; - } - - .md\:text-left { - text-align: left; - } - - .md\:text-center { - text-align: center; - } - - .md\:text-right { - text-align: right; + .md\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .md\:text-justify { - text-align: justify; + .md\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .md\:text-transparent { + .md\:focus\:text-transparent:focus { color: transparent; } - .md\:text-black { + .md\:focus\:text-current:focus { + color: currentColor; + } + + .md\:focus\:text-black:focus { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:text-white { + .md\:focus\:text-white:focus { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:text-gray-100 { + .md\:focus\:text-gray-100:focus { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .md\:text-gray-200 { + .md\:focus\:text-gray-200:focus { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .md\:text-gray-300 { + .md\:focus\:text-gray-300:focus { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .md\:text-gray-400 { + .md\:focus\:text-gray-400:focus { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .md\:text-gray-500 { + .md\:focus\:text-gray-500:focus { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .md\:text-gray-600 { + .md\:focus\:text-gray-600:focus { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .md\:text-gray-700 { + .md\:focus\:text-gray-700:focus { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .md\:text-gray-800 { + .md\:focus\:text-gray-800:focus { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .md\:text-gray-900 { + .md\:focus\:text-gray-900:focus { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .md\:text-red-100 { + .md\:focus\:text-red-100:focus { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .md\:text-red-200 { + .md\:focus\:text-red-200:focus { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .md\:text-red-300 { + .md\:focus\:text-red-300:focus { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .md\:text-red-400 { + .md\:focus\:text-red-400:focus { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .md\:text-red-500 { + .md\:focus\:text-red-500:focus { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .md\:text-red-600 { + .md\:focus\:text-red-600:focus { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .md\:text-red-700 { + .md\:focus\:text-red-700:focus { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .md\:text-red-800 { + .md\:focus\:text-red-800:focus { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .md\:text-red-900 { + .md\:focus\:text-red-900:focus { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .md\:text-orange-100 { + .md\:focus\:text-orange-100:focus { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .md\:text-orange-200 { + .md\:focus\:text-orange-200:focus { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .md\:text-orange-300 { + .md\:focus\:text-orange-300:focus { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .md\:text-orange-400 { + .md\:focus\:text-orange-400:focus { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .md\:text-orange-500 { + .md\:focus\:text-orange-500:focus { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .md\:text-orange-600 { + .md\:focus\:text-orange-600:focus { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .md\:text-orange-700 { + .md\:focus\:text-orange-700:focus { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .md\:text-orange-800 { + .md\:focus\:text-orange-800:focus { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .md\:text-orange-900 { + .md\:focus\:text-orange-900:focus { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .md\:text-yellow-100 { + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .md\:text-yellow-200 { + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .md\:text-yellow-300 { + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .md\:text-yellow-400 { + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .md\:text-yellow-500 { + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .md\:text-yellow-600 { + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .md\:text-yellow-700 { + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .md\:text-yellow-800 { + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .md\:text-yellow-900 { + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .md\:text-green-100 { + .md\:focus\:text-green-100:focus { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .md\:text-green-200 { + .md\:focus\:text-green-200:focus { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .md\:text-green-300 { + .md\:focus\:text-green-300:focus { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .md\:text-green-400 { + .md\:focus\:text-green-400:focus { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .md\:text-green-500 { + .md\:focus\:text-green-500:focus { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .md\:text-green-600 { + .md\:focus\:text-green-600:focus { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .md\:text-green-700 { + .md\:focus\:text-green-700:focus { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .md\:text-green-800 { + .md\:focus\:text-green-800:focus { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .md\:text-green-900 { + .md\:focus\:text-green-900:focus { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .md\:text-teal-100 { + .md\:focus\:text-teal-100:focus { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .md\:text-teal-200 { + .md\:focus\:text-teal-200:focus { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .md\:text-teal-300 { + .md\:focus\:text-teal-300:focus { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .md\:text-teal-400 { + .md\:focus\:text-teal-400:focus { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .md\:text-teal-500 { + .md\:focus\:text-teal-500:focus { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .md\:text-teal-600 { + .md\:focus\:text-teal-600:focus { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .md\:text-teal-700 { + .md\:focus\:text-teal-700:focus { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .md\:text-teal-800 { + .md\:focus\:text-teal-800:focus { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .md\:text-teal-900 { + .md\:focus\:text-teal-900:focus { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .md\:text-blue-100 { + .md\:focus\:text-blue-100:focus { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .md\:text-blue-200 { + .md\:focus\:text-blue-200:focus { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .md\:text-blue-300 { + .md\:focus\:text-blue-300:focus { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .md\:text-blue-400 { + .md\:focus\:text-blue-400:focus { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .md\:text-blue-500 { + .md\:focus\:text-blue-500:focus { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .md\:text-blue-600 { + .md\:focus\:text-blue-600:focus { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .md\:text-blue-700 { + .md\:focus\:text-blue-700:focus { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .md\:text-blue-800 { + .md\:focus\:text-blue-800:focus { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .md\:text-blue-900 { + .md\:focus\:text-blue-900:focus { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .md\:text-indigo-100 { + .md\:focus\:text-indigo-100:focus { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .md\:text-indigo-200 { + .md\:focus\:text-indigo-200:focus { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .md\:text-indigo-300 { + .md\:focus\:text-indigo-300:focus { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .md\:text-indigo-400 { + .md\:focus\:text-indigo-400:focus { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .md\:text-indigo-500 { + .md\:focus\:text-indigo-500:focus { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .md\:text-indigo-600 { + .md\:focus\:text-indigo-600:focus { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .md\:text-indigo-700 { + .md\:focus\:text-indigo-700:focus { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .md\:text-indigo-800 { + .md\:focus\:text-indigo-800:focus { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .md\:text-indigo-900 { + .md\:focus\:text-indigo-900:focus { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .md\:text-purple-100 { + .md\:focus\:text-purple-100:focus { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .md\:text-purple-200 { + .md\:focus\:text-purple-200:focus { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .md\:text-purple-300 { + .md\:focus\:text-purple-300:focus { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .md\:text-purple-400 { + .md\:focus\:text-purple-400:focus { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .md\:text-purple-500 { + .md\:focus\:text-purple-500:focus { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .md\:text-purple-600 { + .md\:focus\:text-purple-600:focus { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .md\:text-purple-700 { + .md\:focus\:text-purple-700:focus { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .md\:text-purple-800 { + .md\:focus\:text-purple-800:focus { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .md\:text-purple-900 { + .md\:focus\:text-purple-900:focus { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .md\:text-pink-100 { + .md\:focus\:text-pink-100:focus { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .md\:text-pink-200 { + .md\:focus\:text-pink-200:focus { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .md\:text-pink-300 { + .md\:focus\:text-pink-300:focus { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .md\:text-pink-400 { + .md\:focus\:text-pink-400:focus { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .md\:text-pink-500 { + .md\:focus\:text-pink-500:focus { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .md\:text-pink-600 { + .md\:focus\:text-pink-600:focus { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .md\:text-pink-700 { + .md\:focus\:text-pink-700:focus { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .md\:text-pink-800 { + .md\:focus\:text-pink-800:focus { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .md\:text-pink-900 { + .md\:focus\:text-pink-900:focus { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .md\:hover\:text-transparent:hover { - color: transparent; - } - - .md\:hover\:text-black:hover { - color: #000; - } - - .md\:hover\:text-white:hover { - color: #fff; - } - - .md\:hover\:text-gray-100:hover { - color: #f7fafc; - } - - .md\:hover\:text-gray-200:hover { - color: #edf2f7; - } - - .md\:hover\:text-gray-300:hover { - color: #e2e8f0; - } - - .md\:hover\:text-gray-400:hover { - color: #cbd5e0; - } - - .md\:hover\:text-gray-500:hover { - color: #a0aec0; - } - - .md\:hover\:text-gray-600:hover { - color: #718096; - } - - .md\:hover\:text-gray-700:hover { - color: #4a5568; - } - - .md\:hover\:text-gray-800:hover { - color: #2d3748; - } - - .md\:hover\:text-gray-900:hover { - color: #1a202c; - } - - .md\:hover\:text-red-100:hover { - color: #fff5f5; - } - - .md\:hover\:text-red-200:hover { - color: #fed7d7; - } - - .md\:hover\:text-red-300:hover { - color: #feb2b2; - } - - .md\:hover\:text-red-400:hover { - color: #fc8181; - } - - .md\:hover\:text-red-500:hover { - color: #f56565; - } - - .md\:hover\:text-red-600:hover { - color: #e53e3e; + .md\:text-opacity-0 { + --text-opacity: 0; } - .md\:hover\:text-red-700:hover { - color: #c53030; + .md\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:hover\:text-red-800:hover { - color: #9b2c2c; + .md\:text-opacity-50 { + --text-opacity: 0.5; } - .md\:hover\:text-red-900:hover { - color: #742a2a; + .md\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:hover\:text-orange-100:hover { - color: #fffaf0; + .md\:text-opacity-100 { + --text-opacity: 1; } - .md\:hover\:text-orange-200:hover { - color: #feebc8; + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .md\:hover\:text-orange-300:hover { - color: #fbd38d; + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .md\:hover\:text-orange-400:hover { - color: #f6ad55; + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .md\:hover\:text-orange-500:hover { - color: #ed8936; + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .md\:hover\:text-orange-600:hover { - color: #dd6b20; + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .md\:hover\:text-orange-700:hover { - color: #c05621; + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .md\:hover\:text-orange-800:hover { - color: #9c4221; + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .md\:hover\:text-orange-900:hover { - color: #7b341e; + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .md\:hover\:text-yellow-100:hover { - color: #fffff0; + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .md\:hover\:text-yellow-200:hover { - color: #fefcbf; + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .md\:hover\:text-yellow-300:hover { - color: #faf089; + .md\:italic { + font-style: italic; } - .md\:hover\:text-yellow-400:hover { - color: #f6e05e; + .md\:not-italic { + font-style: normal; } - .md\:hover\:text-yellow-500:hover { - color: #ecc94b; + .md\:uppercase { + text-transform: uppercase; } - .md\:hover\:text-yellow-600:hover { - color: #d69e2e; + .md\:lowercase { + text-transform: lowercase; } - .md\:hover\:text-yellow-700:hover { - color: #b7791f; + .md\:capitalize { + text-transform: capitalize; } - .md\:hover\:text-yellow-800:hover { - color: #975a16; + .md\:normal-case { + text-transform: none; } - .md\:hover\:text-yellow-900:hover { - color: #744210; + .md\:underline { + text-decoration: underline; } - .md\:hover\:text-green-100:hover { - color: #f0fff4; + .md\:line-through { + text-decoration: line-through; } - .md\:hover\:text-green-200:hover { - color: #c6f6d5; + .md\:no-underline { + text-decoration: none; } - .md\:hover\:text-green-300:hover { - color: #9ae6b4; + .md\:hover\:underline:hover { + text-decoration: underline; } - .md\:hover\:text-green-400:hover { - color: #68d391; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:hover\:text-green-500:hover { - color: #48bb78; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .md\:hover\:text-green-600:hover { - color: #38a169; + .md\:focus\:underline:focus { + text-decoration: underline; } - .md\:hover\:text-green-700:hover { - color: #2f855a; + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:hover\:text-green-800:hover { - color: #276749; + .md\:focus\:no-underline:focus { + text-decoration: none; } - .md\:hover\:text-green-900:hover { - color: #22543d; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:hover\:text-teal-100:hover { - color: #e6fffa; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:hover\:text-teal-200:hover { - color: #b2f5ea; + .md\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:hover\:text-teal-300:hover { - color: #81e6d9; + .md\:tracking-tight { + letter-spacing: -0.025em; } - .md\:hover\:text-teal-400:hover { - color: #4fd1c5; + .md\:tracking-normal { + letter-spacing: 0; } - .md\:hover\:text-teal-500:hover { - color: #38b2ac; + .md\:tracking-wide { + letter-spacing: 0.025em; } - .md\:hover\:text-teal-600:hover { - color: #319795; + .md\:tracking-wider { + letter-spacing: 0.05em; } - .md\:hover\:text-teal-700:hover { - color: #2c7a7b; + .md\:tracking-widest { + letter-spacing: 0.1em; } - .md\:hover\:text-teal-800:hover { - color: #285e61; + .md\:select-none { + user-select: none; } - .md\:hover\:text-teal-900:hover { - color: #234e52; + .md\:select-text { + user-select: text; } - .md\:hover\:text-blue-100:hover { - color: #ebf8ff; + .md\:select-all { + user-select: all; } - .md\:hover\:text-blue-200:hover { - color: #bee3f8; + .md\:select-auto { + user-select: auto; } - .md\:hover\:text-blue-300:hover { - color: #90cdf4; + .md\:align-baseline { + vertical-align: baseline; } - .md\:hover\:text-blue-400:hover { - color: #63b3ed; + .md\:align-top { + vertical-align: top; } - .md\:hover\:text-blue-500:hover { - color: #4299e1; + .md\:align-middle { + vertical-align: middle; } - .md\:hover\:text-blue-600:hover { - color: #3182ce; + .md\:align-bottom { + vertical-align: bottom; } - .md\:hover\:text-blue-700:hover { - color: #2b6cb0; + .md\:align-text-top { + vertical-align: text-top; } - .md\:hover\:text-blue-800:hover { - color: #2c5282; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .md\:hover\:text-blue-900:hover { - color: #2a4365; + .md\:visible { + visibility: visible; } - .md\:hover\:text-indigo-100:hover { - color: #ebf4ff; + .md\:invisible { + visibility: hidden; } - .md\:hover\:text-indigo-200:hover { - color: #c3dafe; + .md\:whitespace-normal { + white-space: normal; } - .md\:hover\:text-indigo-300:hover { - color: #a3bffa; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .md\:hover\:text-indigo-400:hover { - color: #7f9cf5; + .md\:whitespace-pre { + white-space: pre; } - .md\:hover\:text-indigo-500:hover { - color: #667eea; + .md\:whitespace-pre-line { + white-space: pre-line; } - .md\:hover\:text-indigo-600:hover { - color: #5a67d8; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:hover\:text-indigo-700:hover { - color: #4c51bf; + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:hover\:text-indigo-800:hover { - color: #434190; + .md\:break-words { + overflow-wrap: break-word; } - .md\:hover\:text-indigo-900:hover { - color: #3c366b; + .md\:break-all { + word-break: break-all; } - .md\:hover\:text-purple-100:hover { - color: #faf5ff; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:hover\:text-purple-200:hover { - color: #e9d8fd; + .md\:w-0 { + width: 0; } - .md\:hover\:text-purple-300:hover { - color: #d6bcfa; + .md\:w-1 { + width: 0.25rem; } - .md\:hover\:text-purple-400:hover { - color: #b794f4; + .md\:w-2 { + width: 0.5rem; } - .md\:hover\:text-purple-500:hover { - color: #9f7aea; + .md\:w-3 { + width: 0.75rem; } - .md\:hover\:text-purple-600:hover { - color: #805ad5; + .md\:w-4 { + width: 1rem; } - .md\:hover\:text-purple-700:hover { - color: #6b46c1; + .md\:w-5 { + width: 1.25rem; } - .md\:hover\:text-purple-800:hover { - color: #553c9a; + .md\:w-6 { + width: 1.5rem; } - .md\:hover\:text-purple-900:hover { - color: #44337a; + .md\:w-8 { + width: 2rem; } - .md\:hover\:text-pink-100:hover { - color: #fff5f7; + .md\:w-10 { + width: 2.5rem; } - .md\:hover\:text-pink-200:hover { - color: #fed7e2; + .md\:w-12 { + width: 3rem; } - .md\:hover\:text-pink-300:hover { - color: #fbb6ce; + .md\:w-16 { + width: 4rem; } - .md\:hover\:text-pink-400:hover { - color: #f687b3; + .md\:w-20 { + width: 5rem; } - .md\:hover\:text-pink-500:hover { - color: #ed64a6; + .md\:w-24 { + width: 6rem; } - .md\:hover\:text-pink-600:hover { - color: #d53f8c; + .md\:w-32 { + width: 8rem; } - .md\:hover\:text-pink-700:hover { - color: #b83280; + .md\:w-40 { + width: 10rem; } - .md\:hover\:text-pink-800:hover { - color: #97266d; + .md\:w-48 { + width: 12rem; } - .md\:hover\:text-pink-900:hover { - color: #702459; + .md\:w-56 { + width: 14rem; } - .md\:focus\:text-transparent:focus { - color: transparent; + .md\:w-64 { + width: 16rem; } - .md\:focus\:text-black:focus { - color: #000; + .md\:w-auto { + width: auto; } - .md\:focus\:text-white:focus { - color: #fff; + .md\:w-px { + width: 1px; } - .md\:focus\:text-gray-100:focus { - color: #f7fafc; + .md\:w-1\/2 { + width: 50%; } - .md\:focus\:text-gray-200:focus { - color: #edf2f7; + .md\:w-1\/3 { + width: 33.333333%; } - .md\:focus\:text-gray-300:focus { - color: #e2e8f0; + .md\:w-2\/3 { + width: 66.666667%; } - .md\:focus\:text-gray-400:focus { - color: #cbd5e0; + .md\:w-1\/4 { + width: 25%; } - .md\:focus\:text-gray-500:focus { - color: #a0aec0; + .md\:w-2\/4 { + width: 50%; } - .md\:focus\:text-gray-600:focus { - color: #718096; + .md\:w-3\/4 { + width: 75%; } - .md\:focus\:text-gray-700:focus { - color: #4a5568; + .md\:w-1\/5 { + width: 20%; } - .md\:focus\:text-gray-800:focus { - color: #2d3748; + .md\:w-2\/5 { + width: 40%; } - .md\:focus\:text-gray-900:focus { - color: #1a202c; + .md\:w-3\/5 { + width: 60%; } - .md\:focus\:text-red-100:focus { - color: #fff5f5; + .md\:w-4\/5 { + width: 80%; } - .md\:focus\:text-red-200:focus { - color: #fed7d7; + .md\:w-1\/6 { + width: 16.666667%; } - .md\:focus\:text-red-300:focus { - color: #feb2b2; + .md\:w-2\/6 { + width: 33.333333%; } - .md\:focus\:text-red-400:focus { - color: #fc8181; + .md\:w-3\/6 { + width: 50%; } - .md\:focus\:text-red-500:focus { - color: #f56565; + .md\:w-4\/6 { + width: 66.666667%; } - .md\:focus\:text-red-600:focus { - color: #e53e3e; + .md\:w-5\/6 { + width: 83.333333%; } - .md\:focus\:text-red-700:focus { - color: #c53030; + .md\:w-1\/12 { + width: 8.333333%; } - .md\:focus\:text-red-800:focus { - color: #9b2c2c; + .md\:w-2\/12 { + width: 16.666667%; } - .md\:focus\:text-red-900:focus { - color: #742a2a; + .md\:w-3\/12 { + width: 25%; } - .md\:focus\:text-orange-100:focus { - color: #fffaf0; + .md\:w-4\/12 { + width: 33.333333%; } - .md\:focus\:text-orange-200:focus { - color: #feebc8; + .md\:w-5\/12 { + width: 41.666667%; } - .md\:focus\:text-orange-300:focus { - color: #fbd38d; + .md\:w-6\/12 { + width: 50%; } - .md\:focus\:text-orange-400:focus { - color: #f6ad55; + .md\:w-7\/12 { + width: 58.333333%; } - .md\:focus\:text-orange-500:focus { - color: #ed8936; + .md\:w-8\/12 { + width: 66.666667%; } - .md\:focus\:text-orange-600:focus { - color: #dd6b20; + .md\:w-9\/12 { + width: 75%; } - .md\:focus\:text-orange-700:focus { - color: #c05621; + .md\:w-10\/12 { + width: 83.333333%; } - .md\:focus\:text-orange-800:focus { - color: #9c4221; + .md\:w-11\/12 { + width: 91.666667%; } - .md\:focus\:text-orange-900:focus { - color: #7b341e; + .md\:w-full { + width: 100%; } - .md\:focus\:text-yellow-100:focus { - color: #fffff0; + .md\:w-screen { + width: 100vw; } - .md\:focus\:text-yellow-200:focus { - color: #fefcbf; + .md\:z-0 { + z-index: 0; } - .md\:focus\:text-yellow-300:focus { - color: #faf089; + .md\:z-10 { + z-index: 10; } - .md\:focus\:text-yellow-400:focus { - color: #f6e05e; + .md\:z-20 { + z-index: 20; } - .md\:focus\:text-yellow-500:focus { - color: #ecc94b; + .md\:z-30 { + z-index: 30; } - .md\:focus\:text-yellow-600:focus { - color: #d69e2e; + .md\:z-40 { + z-index: 40; } - .md\:focus\:text-yellow-700:focus { - color: #b7791f; + .md\:z-50 { + z-index: 50; } - .md\:focus\:text-yellow-800:focus { - color: #975a16; + .md\:z-auto { + z-index: auto; } - .md\:focus\:text-yellow-900:focus { - color: #744210; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:focus\:text-green-100:focus { - color: #f0fff4; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:focus\:text-green-200:focus { - color: #c6f6d5; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:focus\:text-green-300:focus { - color: #9ae6b4; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:focus\:text-green-400:focus { - color: #68d391; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:focus\:text-green-500:focus { - color: #48bb78; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:focus\:text-green-600:focus { - color: #38a169; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:focus\:text-green-700:focus { - color: #2f855a; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:focus\:text-green-800:focus { - color: #276749; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:focus\:text-green-900:focus { - color: #22543d; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:focus\:text-teal-100:focus { - color: #e6fffa; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:focus\:text-teal-200:focus { - color: #b2f5ea; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:focus\:text-teal-300:focus { - color: #81e6d9; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:focus\:text-teal-400:focus { - color: #4fd1c5; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:focus\:text-teal-500:focus { - color: #38b2ac; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:focus\:text-teal-600:focus { - color: #319795; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:focus\:text-teal-700:focus { - color: #2c7a7b; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:focus\:text-teal-800:focus { - color: #285e61; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:focus\:text-teal-900:focus { - color: #234e52; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:focus\:text-blue-100:focus { - color: #ebf8ff; + .md\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:focus\:text-blue-200:focus { - color: #bee3f8; + .md\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:focus\:text-blue-300:focus { - color: #90cdf4; + .md\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:focus\:text-blue-400:focus { - color: #63b3ed; + .md\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:focus\:text-blue-500:focus { - color: #4299e1; + .md\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:focus\:text-blue-600:focus { - color: #3182ce; + .md\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:focus\:text-blue-700:focus { - color: #2b6cb0; + .md\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:focus\:text-blue-800:focus { - color: #2c5282; + .md\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:focus\:text-blue-900:focus { - color: #2a4365; + .md\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .md\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:focus\:text-indigo-200:focus { - color: #c3dafe; + .md\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:focus\:text-indigo-300:focus { - color: #a3bffa; + .md\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .md\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:focus\:text-indigo-500:focus { - color: #667eea; + .md\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:focus\:text-indigo-600:focus { - color: #5a67d8; + .md\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:focus\:text-indigo-700:focus { - color: #4c51bf; + .md\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:focus\:text-indigo-800:focus { - color: #434190; + .md\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:focus\:text-indigo-900:focus { - color: #3c366b; + .md\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:focus\:text-purple-100:focus { - color: #faf5ff; + .md\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:focus\:text-purple-200:focus { - color: #e9d8fd; + .md\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:focus\:text-purple-300:focus { - color: #d6bcfa; + .md\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:focus\:text-purple-400:focus { - color: #b794f4; + .md\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:focus\:text-purple-500:focus { - color: #9f7aea; + .md\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:focus\:text-purple-600:focus { - color: #805ad5; + .md\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:focus\:text-purple-700:focus { - color: #6b46c1; + .md\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:focus\:text-purple-800:focus { - color: #553c9a; + .md\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:focus\:text-purple-900:focus { - color: #44337a; + .md\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:focus\:text-pink-100:focus { - color: #fff5f7; + .md\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:focus\:text-pink-200:focus { - color: #fed7e2; + .md\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:focus\:text-pink-300:focus { - color: #fbb6ce; + .md\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:focus\:text-pink-400:focus { - color: #f687b3; + .md\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:focus\:text-pink-500:focus { - color: #ed64a6; + .md\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:focus\:text-pink-600:focus { - color: #d53f8c; + .md\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:focus\:text-pink-700:focus { - color: #b83280; + .md\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:focus\:text-pink-800:focus { - color: #97266d; + .md\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:focus\:text-pink-900:focus { - color: #702459; + .md\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:text-xs { - font-size: 0.75rem; + .md\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:text-sm { - font-size: 0.875rem; + .md\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .md\:text-base { - font-size: 1rem; + .md\:grid-flow-row { + grid-auto-flow: row; } - .md\:text-lg { - font-size: 1.125rem; + .md\:grid-flow-col { + grid-auto-flow: column; } - .md\:text-xl { - font-size: 1.25rem; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:text-2xl { - font-size: 1.5rem; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:text-3xl { - font-size: 1.875rem; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .md\:text-4xl { - font-size: 2.25rem; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .md\:text-5xl { - font-size: 3rem; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .md\:text-6xl { - font-size: 4rem; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .md\:italic { - font-style: italic; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:not-italic { - font-style: normal; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:uppercase { - text-transform: uppercase; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:lowercase { - text-transform: lowercase; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:capitalize { - text-transform: capitalize; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:normal-case { - text-transform: none; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:underline { - text-decoration: underline; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .md\:line-through { - text-decoration: line-through; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .md\:no-underline { - text-decoration: none; + .md\:grid-cols-none { + grid-template-columns: none; } - .md\:hover\:underline:hover { - text-decoration: underline; + .md\:col-auto { + grid-column: auto; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:focus\:underline:focus { - text-decoration: underline; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:focus\:no-underline:focus { - text-decoration: none; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:tracking-tight { - letter-spacing: -0.025em; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:tracking-normal { - letter-spacing: 0; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:tracking-wide { - letter-spacing: 0.025em; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:tracking-wider { - letter-spacing: 0.05em; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:tracking-widest { - letter-spacing: 0.1em; + .md\:col-start-1 { + grid-column-start: 1; } - .md\:select-none { - user-select: none; + .md\:col-start-2 { + grid-column-start: 2; } - .md\:select-text { - user-select: text; + .md\:col-start-3 { + grid-column-start: 3; } - .md\:select-all { - user-select: all; + .md\:col-start-4 { + grid-column-start: 4; } - .md\:select-auto { - user-select: auto; + .md\:col-start-5 { + grid-column-start: 5; } - .md\:align-baseline { - vertical-align: baseline; + .md\:col-start-6 { + grid-column-start: 6; } - .md\:align-top { - vertical-align: top; + .md\:col-start-7 { + grid-column-start: 7; } - .md\:align-middle { - vertical-align: middle; + .md\:col-start-8 { + grid-column-start: 8; } - .md\:align-bottom { - vertical-align: bottom; + .md\:col-start-9 { + grid-column-start: 9; } - .md\:align-text-top { - vertical-align: text-top; + .md\:col-start-10 { + grid-column-start: 10; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .md\:col-start-11 { + grid-column-start: 11; } - .md\:visible { - visibility: visible; + .md\:col-start-12 { + grid-column-start: 12; } - .md\:invisible { - visibility: hidden; + .md\:col-start-13 { + grid-column-start: 13; } - .md\:whitespace-normal { - white-space: normal; + .md\:col-start-auto { + grid-column-start: auto; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .md\:col-end-1 { + grid-column-end: 1; } - .md\:whitespace-pre { - white-space: pre; + .md\:col-end-2 { + grid-column-end: 2; } - .md\:whitespace-pre-line { - white-space: pre-line; + .md\:col-end-3 { + grid-column-end: 3; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:col-end-4 { + grid-column-end: 4; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .md\:col-end-5 { + grid-column-end: 5; } - .md\:break-words { - overflow-wrap: break-word; + .md\:col-end-6 { + grid-column-end: 6; } - .md\:break-all { - word-break: break-all; + .md\:col-end-7 { + grid-column-end: 7; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:col-end-8 { + grid-column-end: 8; } - .md\:w-0 { - width: 0; + .md\:col-end-9 { + grid-column-end: 9; } - .md\:w-1 { - width: 0.25rem; + .md\:col-end-10 { + grid-column-end: 10; } - .md\:w-2 { - width: 0.5rem; + .md\:col-end-11 { + grid-column-end: 11; } - .md\:w-3 { - width: 0.75rem; + .md\:col-end-12 { + grid-column-end: 12; } - .md\:w-4 { - width: 1rem; + .md\:col-end-13 { + grid-column-end: 13; } - .md\:w-5 { - width: 1.25rem; + .md\:col-end-auto { + grid-column-end: auto; } - .md\:w-6 { - width: 1.5rem; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:w-8 { - width: 2rem; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:w-10 { - width: 2.5rem; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:w-12 { - width: 3rem; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:w-16 { - width: 4rem; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:w-20 { - width: 5rem; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:w-24 { - width: 6rem; + .md\:grid-rows-none { + grid-template-rows: none; } - .md\:w-32 { - width: 8rem; + .md\:row-auto { + grid-row: auto; } - .md\:w-40 { - width: 10rem; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:w-48 { - width: 12rem; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:w-56 { - width: 14rem; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:w-64 { - width: 16rem; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:w-auto { - width: auto; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:w-px { - width: 1px; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:w-1\/2 { - width: 50%; + .md\:row-start-1 { + grid-row-start: 1; } - .md\:w-1\/3 { - width: 33.333333%; + .md\:row-start-2 { + grid-row-start: 2; } - .md\:w-2\/3 { - width: 66.666667%; + .md\:row-start-3 { + grid-row-start: 3; } - .md\:w-1\/4 { - width: 25%; + .md\:row-start-4 { + grid-row-start: 4; } - .md\:w-2\/4 { - width: 50%; + .md\:row-start-5 { + grid-row-start: 5; } - .md\:w-3\/4 { - width: 75%; + .md\:row-start-6 { + grid-row-start: 6; } - .md\:w-1\/5 { - width: 20%; + .md\:row-start-7 { + grid-row-start: 7; } - .md\:w-2\/5 { - width: 40%; + .md\:row-start-auto { + grid-row-start: auto; } - .md\:w-3\/5 { - width: 60%; + .md\:row-end-1 { + grid-row-end: 1; } - .md\:w-4\/5 { - width: 80%; + .md\:row-end-2 { + grid-row-end: 2; } - .md\:w-1\/6 { - width: 16.666667%; + .md\:row-end-3 { + grid-row-end: 3; } - .md\:w-2\/6 { - width: 33.333333%; + .md\:row-end-4 { + grid-row-end: 4; } - .md\:w-3\/6 { - width: 50%; + .md\:row-end-5 { + grid-row-end: 5; } - .md\:w-4\/6 { - width: 66.666667%; + .md\:row-end-6 { + grid-row-end: 6; } - .md\:w-5\/6 { - width: 83.333333%; + .md\:row-end-7 { + grid-row-end: 7; } - .md\:w-1\/12 { - width: 8.333333%; + .md\:row-end-auto { + grid-row-end: auto; } - .md\:w-2\/12 { - width: 16.666667%; + .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\:w-3\/12 { - width: 25%; + .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\:w-4\/12 { - width: 33.333333%; + .md\:transform-none { + transform: none; } - .md\:w-5\/12 { - width: 41.666667%; + .md\:origin-center { + transform-origin: center; } - .md\:w-6\/12 { - width: 50%; + .md\:origin-top { + transform-origin: top; } - .md\:w-7\/12 { - width: 58.333333%; + .md\:origin-top-right { + transform-origin: top right; } - .md\:w-8\/12 { - width: 66.666667%; + .md\:origin-right { + transform-origin: right; } - .md\:w-9\/12 { - width: 75%; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .md\:w-10\/12 { - width: 83.333333%; + .md\:origin-bottom { + transform-origin: bottom; } - .md\:w-11\/12 { - width: 91.666667%; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .md\:w-full { - width: 100%; + .md\:origin-left { + transform-origin: left; } - .md\:w-screen { - width: 100vw; + .md\:origin-top-left { + transform-origin: top left; } - .md\:z-0 { - z-index: 0; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:z-10 { - z-index: 10; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:z-20 { - z-index: 20; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:z-30 { - z-index: 30; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:z-40 { - z-index: 40; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:z-50 { - z-index: 50; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:z-auto { - z-index: auto; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .md\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .md\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .md\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .md\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .md\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .md\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .md\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .md\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .md\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .md\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .md\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .md\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .md\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .md\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .md\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .md\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .md\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .md\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .md\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .md\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .md\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .md\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .md\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .md\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .md\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:grid-flow-row { - grid-auto-flow: row; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:grid-flow-col { - grid-auto-flow: column; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:grid-cols-none { - grid-template-columns: none; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:col-auto { - grid-column: auto; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:col-span-2 { - grid-column: span 2 / span 2; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:col-span-4 { - grid-column: span 4 / span 4; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:col-span-6 { - grid-column: span 6 / span 6; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:col-span-8 { - grid-column: span 8 / span 8; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .md\:rotate-0 { + --transform-rotate: 0; } - .md\:col-span-10 { - grid-column: span 10 / span 10; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .md\:col-span-12 { - grid-column: span 12 / span 12; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .md\:col-start-1 { - grid-column-start: 1; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:col-start-2 { - grid-column-start: 2; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:col-start-3 { - grid-column-start: 3; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:col-start-4 { - grid-column-start: 4; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:col-start-5 { - grid-column-start: 5; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:col-start-6 { - grid-column-start: 6; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:col-start-7 { - grid-column-start: 7; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:col-start-8 { - grid-column-start: 8; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:col-start-9 { - grid-column-start: 9; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:col-start-10 { - grid-column-start: 10; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:col-start-11 { - grid-column-start: 11; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:col-start-12 { - grid-column-start: 12; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:col-start-13 { - grid-column-start: 13; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:col-start-auto { - grid-column-start: auto; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:col-end-1 { - grid-column-end: 1; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:col-end-2 { - grid-column-end: 2; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:col-end-3 { - grid-column-end: 3; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:col-end-4 { - grid-column-end: 4; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .md\:col-end-5 { - grid-column-end: 5; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:col-end-6 { - grid-column-end: 6; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:col-end-7 { - grid-column-end: 7; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:col-end-8 { - grid-column-end: 8; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:col-end-9 { - grid-column-end: 9; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:col-end-10 { - grid-column-end: 10; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:col-end-11 { - grid-column-end: 11; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:col-end-12 { - grid-column-end: 12; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:col-end-13 { - grid-column-end: 13; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:col-end-auto { - grid-column-end: auto; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:grid-rows-none { - grid-template-rows: none; + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:row-auto { - grid-row: auto; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .md\:row-span-1 { - grid-row: span 1 / span 1; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:row-span-3 { - grid-row: span 3 / span 3; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:row-span-5 { - grid-row: span 5 / span 5; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .md\:row-start-1 { - grid-row-start: 1; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:row-start-2 { - grid-row-start: 2; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:row-start-3 { - grid-row-start: 3; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:row-start-4 { - grid-row-start: 4; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:row-start-5 { - grid-row-start: 5; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .md\:row-start-6 { - grid-row-start: 6; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .md\:row-start-7 { - grid-row-start: 7; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .md\:row-start-auto { - grid-row-start: auto; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:row-end-1 { - grid-row-end: 1; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:row-end-2 { - grid-row-end: 2; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:row-end-3 { - grid-row-end: 3; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .md\:row-end-4 { - grid-row-end: 4; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:row-end-5 { - grid-row-end: 5; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .md\:row-end-6 { - grid-row-end: 6; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:row-end-7 { - grid-row-end: 7; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:row-end-auto { - grid-row-end: auto; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .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\:translate-y-0 { + --transform-translate-y: 0; } - .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\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .md\:transform-none { - transform: none; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .md\:origin-center { - transform-origin: center; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .md\:origin-top { - transform-origin: top; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .md\:origin-top-right { - transform-origin: top right; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .md\:origin-right { - transform-origin: right; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .md\:origin-bottom-right { - transform-origin: bottom right; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .md\:origin-bottom { - transform-origin: bottom; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .md\:origin-left { - transform-origin: left; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .md\:origin-top-left { - transform-origin: top left; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .md\:scale-x-0 { - --transform-scale-x: 0; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .md\:scale-x-50 { - --transform-scale-x: .5; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .md\:scale-x-75 { - --transform-scale-x: .75; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .md\:scale-x-90 { - --transform-scale-x: .9; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .md\:scale-x-95 { - --transform-scale-x: .95; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .md\:scale-x-100 { - --transform-scale-x: 1; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .md\:scale-y-0 { - --transform-scale-y: 0; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .md\:scale-y-50 { - --transform-scale-y: .5; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .md\:scale-y-75 { - --transform-scale-y: .75; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .md\:scale-y-90 { - --transform-scale-y: .9; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .md\:scale-y-95 { - --transform-scale-y: .95; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .md\:scale-y-100 { - --transform-scale-y: 1; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .md\:rotate-0 { - --transform-rotate: 0; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .md\:rotate-45 { - --transform-rotate: 45deg; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .md\:rotate-90 { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .md\:rotate-180 { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .md\:-rotate-180 { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .md\:-rotate-90 { - --transform-rotate: -90deg; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .md\:-rotate-45 { - --transform-rotate: -45deg; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .md\:translate-x-0 { + .md\:focus\:translate-x-0:focus { --transform-translate-x: 0; } - .md\:translate-x-1 { + .md\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem; } - .md\:translate-x-2 { + .md\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem; } - .md\:translate-x-3 { + .md\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem; } - .md\:translate-x-4 { + .md\:focus\:translate-x-4:focus { --transform-translate-x: 1rem; } - .md\:translate-x-5 { + .md\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem; } - .md\:translate-x-6 { + .md\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem; } - .md\:translate-x-8 { + .md\:focus\:translate-x-8:focus { --transform-translate-x: 2rem; } - .md\:translate-x-10 { + .md\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem; } - .md\:translate-x-12 { + .md\:focus\:translate-x-12:focus { --transform-translate-x: 3rem; } - .md\:translate-x-16 { + .md\:focus\:translate-x-16:focus { --transform-translate-x: 4rem; } - .md\:translate-x-20 { + .md\:focus\:translate-x-20:focus { --transform-translate-x: 5rem; } - .md\:translate-x-24 { + .md\:focus\:translate-x-24:focus { --transform-translate-x: 6rem; } - .md\:translate-x-32 { + .md\:focus\:translate-x-32:focus { --transform-translate-x: 8rem; } - .md\:translate-x-40 { + .md\:focus\:translate-x-40:focus { --transform-translate-x: 10rem; } - .md\:translate-x-48 { + .md\:focus\:translate-x-48:focus { --transform-translate-x: 12rem; } - .md\:translate-x-56 { + .md\:focus\:translate-x-56:focus { --transform-translate-x: 14rem; } - .md\:translate-x-64 { + .md\:focus\:translate-x-64:focus { --transform-translate-x: 16rem; } - .md\:translate-x-px { + .md\:focus\:translate-x-px:focus { --transform-translate-x: 1px; } - .md\:-translate-x-1 { + .md\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem; } - .md\:-translate-x-2 { + .md\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem; } - .md\:-translate-x-3 { + .md\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem; } - .md\:-translate-x-4 { + .md\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem; } - .md\:-translate-x-5 { + .md\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem; } - .md\:-translate-x-6 { + .md\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem; } - .md\:-translate-x-8 { + .md\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem; } - .md\:-translate-x-10 { + .md\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem; } - .md\:-translate-x-12 { + .md\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem; } - .md\:-translate-x-16 { + .md\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem; } - .md\:-translate-x-20 { + .md\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem; } - .md\:-translate-x-24 { + .md\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem; } - .md\:-translate-x-32 { + .md\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem; } - .md\:-translate-x-40 { + .md\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem; } - .md\:-translate-x-48 { + .md\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem; } - .md\:-translate-x-56 { + .md\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem; } - .md\:-translate-x-64 { + .md\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem; } - .md\:-translate-x-px { + .md\:focus\:-translate-x-px:focus { --transform-translate-x: -1px; } - .md\:-translate-x-full { + .md\:focus\:-translate-x-full:focus { --transform-translate-x: -100%; } - .md\:-translate-x-1\/2 { + .md\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50%; } - .md\:translate-x-1\/2 { + .md\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50%; } - .md\:translate-x-full { + .md\:focus\:translate-x-full:focus { --transform-translate-x: 100%; } - .md\:translate-y-0 { + .md\:focus\:translate-y-0:focus { --transform-translate-y: 0; } - .md\:translate-y-1 { + .md\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem; } - .md\:translate-y-2 { + .md\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem; } - .md\:translate-y-3 { + .md\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem; } - .md\:translate-y-4 { + .md\:focus\:translate-y-4:focus { --transform-translate-y: 1rem; } - .md\:translate-y-5 { + .md\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem; } - .md\:translate-y-6 { + .md\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem; } - .md\:translate-y-8 { + .md\:focus\:translate-y-8:focus { --transform-translate-y: 2rem; } - .md\:translate-y-10 { + .md\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem; } - .md\:translate-y-12 { + .md\:focus\:translate-y-12:focus { --transform-translate-y: 3rem; } - .md\:translate-y-16 { + .md\:focus\:translate-y-16:focus { --transform-translate-y: 4rem; } - .md\:translate-y-20 { + .md\:focus\:translate-y-20:focus { --transform-translate-y: 5rem; } - .md\:translate-y-24 { + .md\:focus\:translate-y-24:focus { --transform-translate-y: 6rem; } - .md\:translate-y-32 { + .md\:focus\:translate-y-32:focus { --transform-translate-y: 8rem; } - .md\:translate-y-40 { + .md\:focus\:translate-y-40:focus { --transform-translate-y: 10rem; } - .md\:translate-y-48 { + .md\:focus\:translate-y-48:focus { --transform-translate-y: 12rem; } - .md\:translate-y-56 { + .md\:focus\:translate-y-56:focus { --transform-translate-y: 14rem; } - .md\:translate-y-64 { + .md\:focus\:translate-y-64:focus { --transform-translate-y: 16rem; } - .md\:translate-y-px { + .md\:focus\:translate-y-px:focus { --transform-translate-y: 1px; } - .md\:-translate-y-1 { + .md\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem; } - .md\:-translate-y-2 { + .md\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem; } - .md\:-translate-y-3 { + .md\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem; } - .md\:-translate-y-4 { + .md\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem; } - .md\:-translate-y-5 { + .md\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem; } - .md\:-translate-y-6 { + .md\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem; } - .md\:-translate-y-8 { + .md\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem; } - .md\:-translate-y-10 { + .md\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem; } - .md\:-translate-y-12 { + .md\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem; } - .md\:-translate-y-16 { + .md\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem; } - .md\:-translate-y-20 { + .md\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem; } - .md\:-translate-y-24 { + .md\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem; } - .md\:-translate-y-32 { + .md\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem; } - .md\:-translate-y-40 { + .md\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem; } - .md\:-translate-y-48 { + .md\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem; } - .md\:-translate-y-56 { + .md\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem; } - .md\:-translate-y-64 { + .md\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem; } - .md\:-translate-y-px { + .md\:focus\:-translate-y-px:focus { --transform-translate-y: -1px; } - .md\:-translate-y-full { + .md\:focus\:-translate-y-full:focus { --transform-translate-y: -100%; } - .md\:-translate-y-1\/2 { + .md\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50%; } - .md\:translate-y-1\/2 { + .md\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50%; } - .md\:translate-y-full { + .md\:focus\:translate-y-full:focus { --transform-translate-y: 100%; } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:transition-none { + transition-property: none; } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:transition-all { + transition-property: all; } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:transition-opacity { + transition-property: opacity; } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:transition-shadow { + transition-property: box-shadow; } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:transition-transform { + transition-property: transform; } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:ease-linear { + transition-timing-function: linear; } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:duration-75 { + transition-duration: 75ms; + } + + .md\:duration-100 { + transition-duration: 100ms; + } + + .md\:duration-150 { + transition-duration: 150ms; + } + + .md\:duration-200 { + transition-duration: 200ms; + } + + .md\:duration-300 { + transition-duration: 300ms; + } + + .md\:duration-500 { + transition-duration: 500ms; + } + + .md\:duration-700 { + transition-duration: 700ms; + } + + .md\:duration-1000 { + transition-duration: 1000ms; + } + + .md\:delay-75 { + transition-delay: 75ms; + } + + .md\:delay-100 { + transition-delay: 100ms; + } + + .md\:delay-150 { + transition-delay: 150ms; + } + + .md\:delay-200 { + transition-delay: 200ms; + } + + .md\:delay-300 { + transition-delay: 300ms; + } + + .md\:delay-500 { + transition-delay: 500ms; + } + + .md\:delay-700 { + transition-delay: 700ms; + } + + .md\:delay-1000 { + transition-delay: 1000ms; + } + + .md\:example { + font-weight: 700; + color: #f56565; + } +} + +@media (min-width: 1024px) { + .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\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } + + .lg\: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\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .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\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .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\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .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\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .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\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .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\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .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\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .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\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .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\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .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\:-translate-y-full:hover { - --transform-translate-y: -100%; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .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\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .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\:translate-x-0:focus { - --transform-translate-x: 0; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .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\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .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\:translate-x-4:focus { - --transform-translate-x: 1rem; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .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\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .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\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .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\:translate-x-16:focus { - --transform-translate-x: 4rem; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .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\:translate-x-24:focus { - --transform-translate-x: 6rem; + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .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\:translate-x-40:focus { - --transform-translate-x: 10rem; + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .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\:translate-x-56:focus { - --transform-translate-x: 14rem; + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .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\:translate-x-px:focus { - --transform-translate-x: 1px; + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .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\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .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\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -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)); } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .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\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .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\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .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\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .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\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .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\:-translate-x-px:focus { - --transform-translate-x: -1px; + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .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\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .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\:translate-x-full:focus { - --transform-translate-x: 100%; + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 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\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--divide-opacity)); } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--divide-opacity)); } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--divide-opacity)); } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--divide-opacity)); } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--divide-opacity)); } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--divide-opacity)); } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--divide-opacity)); } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--divide-opacity)); } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--divide-opacity)); } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--divide-opacity)); } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--divide-opacity)); } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--divide-opacity)); } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--divide-opacity)); } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--divide-opacity)); } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--divide-opacity)); } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--divide-opacity)); } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--divide-opacity)); } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--divide-opacity)); } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .lg\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--divide-opacity)); } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .lg\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--divide-opacity)); } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .lg\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--divide-opacity)); } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .lg\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--divide-opacity)); } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .lg\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--divide-opacity)); } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .lg\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--divide-opacity)); } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .lg\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--divide-opacity)); } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .lg\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--divide-opacity)); } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .lg\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--divide-opacity)); } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--divide-opacity)); } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--divide-opacity)); } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--divide-opacity)); } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--divide-opacity)); } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--divide-opacity)); } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--divide-opacity)); } - .md\:skew-x-0 { - --transform-skew-x: 0; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--divide-opacity)); } - .md\:skew-x-3 { - --transform-skew-x: 3deg; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--divide-opacity)); } - .md\:skew-x-6 { - --transform-skew-x: 6deg; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--divide-opacity)); } - .md\:skew-x-12 { - --transform-skew-x: 12deg; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--divide-opacity)); } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--divide-opacity)); } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--divide-opacity)); } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--divide-opacity)); } - .md\:skew-y-0 { - --transform-skew-y: 0; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--divide-opacity)); } - .md\:skew-y-3 { - --transform-skew-y: 3deg; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--divide-opacity)); } - .md\:skew-y-6 { - --transform-skew-y: 6deg; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--divide-opacity)); } - .md\:skew-y-12 { - --transform-skew-y: 12deg; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--divide-opacity)); } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--divide-opacity)); } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; + .lg\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--divide-opacity)); } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; + .lg\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--divide-opacity)); } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .lg\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--divide-opacity)); } - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .lg\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--divide-opacity)); } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .lg\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--divide-opacity)); } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .lg\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--divide-opacity)); } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .lg\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--divide-opacity)); } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .lg\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--divide-opacity)); } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .lg\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--divide-opacity)); } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--divide-opacity)); } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--divide-opacity)); } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--divide-opacity)); } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--divide-opacity)); } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--divide-opacity)); } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--divide-opacity)); } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--divide-opacity)); } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--divide-opacity)); } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--divide-opacity)); } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .lg\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--divide-opacity)); } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .lg\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--divide-opacity)); } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .lg\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--divide-opacity)); } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .lg\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--divide-opacity)); } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .lg\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--divide-opacity)); } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .lg\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--divide-opacity)); } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .lg\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--divide-opacity)); } - .md\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .lg\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--divide-opacity)); } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .lg\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--divide-opacity)); } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--divide-opacity)); } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--divide-opacity)); } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--divide-opacity)); } - .md\:transition-none { - transition-property: none; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--divide-opacity)); } - .md\:transition-all { - transition-property: all; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--divide-opacity)); } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--divide-opacity)); } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--divide-opacity)); } - .md\:transition-opacity { - transition-property: opacity; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--divide-opacity)); } - .md\:transition-shadow { - transition-property: box-shadow; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--divide-opacity)); } - .md\:transition-transform { - transition-property: transform; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--divide-opacity)); } - .md\:ease-linear { - transition-timing-function: linear; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--divide-opacity)); } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--divide-opacity)); } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--divide-opacity)); } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--divide-opacity)); } - .md\:duration-75 { - transition-duration: 75ms; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--divide-opacity)); } - .md\:duration-100 { - transition-duration: 100ms; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--divide-opacity)); } - .md\:duration-150 { - transition-duration: 150ms; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--divide-opacity)); } - .md\:duration-200 { - transition-duration: 200ms; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--divide-opacity)); } - .md\:duration-300 { - transition-duration: 300ms; + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:duration-500 { - transition-duration: 500ms; + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:duration-700 { - transition-duration: 700ms; + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:duration-1000 { - transition-duration: 1000ms; + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:example { - font-weight: 700; - color: #f56565; + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } -} -@media (min-width: 1024px) { .lg\:sr-only { position: absolute; width: 1px; @@ -31622,1116 +43017,1740 @@ video { background-color: transparent; } + .lg\:bg-current { + background-color: currentColor; + } + .lg\:bg-black { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .lg\:bg-white { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .lg\:bg-gray-100 { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .lg\:bg-gray-200 { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .lg\:bg-gray-300 { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .lg\:bg-gray-400 { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .lg\:bg-gray-500 { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .lg\:bg-gray-600 { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .lg\:bg-gray-700 { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .lg\:bg-gray-800 { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .lg\:bg-gray-900 { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .lg\:bg-red-100 { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .lg\:bg-red-200 { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .lg\:bg-red-300 { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .lg\:bg-red-400 { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .lg\:bg-red-500 { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .lg\:bg-red-600 { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .lg\:bg-red-700 { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .lg\:bg-red-800 { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .lg\:bg-red-900 { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .lg\:bg-orange-100 { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .lg\:bg-orange-200 { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .lg\:bg-orange-300 { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .lg\:bg-orange-400 { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .lg\:bg-orange-500 { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .lg\:bg-orange-600 { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .lg\:bg-orange-700 { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .lg\:bg-orange-800 { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .lg\:bg-orange-900 { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .lg\:bg-yellow-100 { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .lg\:bg-yellow-200 { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .lg\:bg-yellow-300 { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .lg\:bg-yellow-400 { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .lg\:bg-yellow-500 { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .lg\:bg-yellow-600 { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .lg\:bg-yellow-700 { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .lg\:bg-yellow-800 { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .lg\:bg-yellow-900 { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .lg\:bg-green-100 { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .lg\:bg-green-200 { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .lg\:bg-green-300 { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .lg\:bg-green-400 { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .lg\:bg-green-500 { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .lg\:bg-green-600 { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .lg\:bg-green-700 { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .lg\:bg-green-800 { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .lg\:bg-green-900 { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .lg\:bg-teal-100 { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .lg\:bg-teal-200 { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .lg\:bg-teal-300 { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .lg\:bg-teal-400 { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .lg\:bg-teal-500 { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .lg\:bg-teal-600 { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .lg\:bg-teal-700 { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .lg\:bg-teal-800 { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .lg\:bg-teal-900 { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .lg\:bg-blue-100 { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .lg\:bg-blue-200 { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .lg\:bg-blue-300 { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .lg\:bg-blue-400 { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .lg\:bg-blue-500 { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .lg\:bg-blue-600 { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .lg\:bg-blue-700 { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .lg\:bg-blue-800 { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .lg\:bg-blue-900 { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .lg\:bg-indigo-100 { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .lg\:bg-indigo-200 { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .lg\:bg-indigo-300 { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .lg\:bg-indigo-400 { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .lg\:bg-indigo-500 { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .lg\:bg-indigo-600 { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .lg\:bg-indigo-700 { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .lg\:bg-indigo-800 { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .lg\:bg-indigo-900 { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .lg\:bg-purple-100 { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .lg\:bg-purple-200 { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .lg\:bg-purple-300 { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .lg\:bg-purple-400 { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .lg\:bg-purple-500 { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .lg\:bg-purple-600 { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .lg\:bg-purple-700 { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .lg\:bg-purple-800 { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .lg\:bg-purple-900 { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .lg\:bg-pink-100 { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .lg\:bg-pink-200 { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .lg\:bg-pink-300 { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .lg\:bg-pink-400 { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .lg\:bg-pink-500 { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .lg\:bg-pink-600 { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .lg\:bg-pink-700 { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .lg\:bg-pink-800 { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .lg\:bg-pink-900 { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .lg\:hover\:bg-transparent:hover { background-color: transparent; } + .lg\:hover\:bg-current:hover { + background-color: currentColor; + } + .lg\:hover\:bg-black:hover { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .lg\:hover\:bg-white:hover { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .lg\:hover\:bg-orange-100:hover { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .lg\:hover\:bg-orange-200:hover { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .lg\:hover\:bg-orange-300:hover { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .lg\:hover\:bg-orange-400:hover { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .lg\:hover\:bg-orange-500:hover { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .lg\:hover\:bg-orange-600:hover { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .lg\:hover\:bg-orange-700:hover { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .lg\:hover\:bg-orange-800:hover { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .lg\:hover\:bg-orange-900:hover { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .lg\:hover\:bg-teal-100:hover { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .lg\:hover\:bg-teal-200:hover { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .lg\:hover\:bg-teal-300:hover { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .lg\:hover\:bg-teal-400:hover { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .lg\:hover\:bg-teal-500:hover { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .lg\:hover\:bg-teal-600:hover { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .lg\:hover\:bg-teal-700:hover { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .lg\:hover\:bg-teal-800:hover { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .lg\:hover\:bg-teal-900:hover { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .lg\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .lg\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .lg\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .lg\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .lg\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .lg\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .lg\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .lg\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .lg\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .lg\:focus\:bg-transparent:focus { background-color: transparent; } + .lg\:focus\:bg-current:focus { + background-color: currentColor; + } + .lg\:focus\:bg-black:focus { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .lg\:focus\:bg-white:focus { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .lg\:focus\:bg-orange-100:focus { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .lg\:focus\:bg-orange-200:focus { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .lg\:focus\:bg-orange-300:focus { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .lg\:focus\:bg-orange-400:focus { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .lg\:focus\:bg-orange-500:focus { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .lg\:focus\:bg-orange-600:focus { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .lg\:focus\:bg-orange-700:focus { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .lg\:focus\:bg-orange-800:focus { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .lg\:focus\:bg-orange-900:focus { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .lg\:focus\:bg-teal-100:focus { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .lg\:focus\:bg-teal-200:focus { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .lg\:focus\:bg-teal-300:focus { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .lg\:focus\:bg-teal-400:focus { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .lg\:focus\:bg-teal-500:focus { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .lg\:focus\:bg-teal-600:focus { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .lg\:focus\:bg-teal-700:focus { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .lg\:focus\:bg-teal-800:focus { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .lg\:focus\:bg-teal-900:focus { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .lg\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .lg\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .lg\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .lg\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .lg\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .lg\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .lg\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .lg\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .lg\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); + } + + .lg\:bg-opacity-0 { + --bg-opacity: 0; + } + + .lg\:bg-opacity-25 { + --bg-opacity: 0.25; + } + + .lg\:bg-opacity-50 { + --bg-opacity: 0.5; + } + + .lg\:bg-opacity-75 { + --bg-opacity: 0.75; + } + + .lg\:bg-opacity-100 { + --bg-opacity: 1; + } + + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } + + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } + + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } + + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } + + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } + + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } + + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } + + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } + + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } + + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } .lg\:bg-bottom { @@ -32818,1116 +44837,1740 @@ video { border-color: transparent; } + .lg\:border-current { + border-color: currentColor; + } + .lg\:border-black { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .lg\:border-white { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .lg\:border-gray-100 { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .lg\:border-gray-200 { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .lg\:border-gray-300 { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .lg\:border-gray-400 { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .lg\:border-gray-500 { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .lg\:border-gray-600 { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .lg\:border-gray-700 { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .lg\:border-gray-800 { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .lg\:border-gray-900 { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .lg\:border-red-100 { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .lg\:border-red-200 { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .lg\:border-red-300 { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .lg\:border-red-400 { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .lg\:border-red-500 { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .lg\:border-red-600 { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .lg\:border-red-700 { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .lg\:border-red-800 { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .lg\:border-red-900 { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .lg\:border-orange-100 { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .lg\:border-orange-200 { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .lg\:border-orange-300 { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .lg\:border-orange-400 { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .lg\:border-orange-500 { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .lg\:border-orange-600 { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .lg\:border-orange-700 { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .lg\:border-orange-800 { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .lg\:border-orange-900 { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .lg\:border-yellow-100 { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .lg\:border-yellow-200 { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .lg\:border-yellow-300 { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .lg\:border-yellow-400 { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .lg\:border-yellow-500 { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .lg\:border-yellow-600 { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .lg\:border-yellow-700 { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .lg\:border-yellow-800 { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .lg\:border-yellow-900 { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .lg\:border-green-100 { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .lg\:border-green-200 { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .lg\:border-green-300 { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .lg\:border-green-400 { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .lg\:border-green-500 { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .lg\:border-green-600 { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .lg\:border-green-700 { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .lg\:border-green-800 { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .lg\:border-green-900 { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .lg\:border-teal-100 { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .lg\:border-teal-200 { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .lg\:border-teal-300 { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .lg\:border-teal-400 { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .lg\:border-teal-500 { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .lg\:border-teal-600 { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .lg\:border-teal-700 { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .lg\:border-teal-800 { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .lg\:border-teal-900 { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .lg\:border-blue-100 { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .lg\:border-blue-200 { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .lg\:border-blue-300 { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .lg\:border-blue-400 { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .lg\:border-blue-500 { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .lg\:border-blue-600 { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .lg\:border-blue-700 { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .lg\:border-blue-800 { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .lg\:border-blue-900 { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .lg\:border-indigo-100 { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .lg\:border-indigo-200 { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .lg\:border-indigo-300 { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .lg\:border-indigo-400 { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .lg\:border-indigo-500 { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .lg\:border-indigo-600 { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .lg\:border-indigo-700 { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .lg\:border-indigo-800 { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .lg\:border-indigo-900 { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .lg\:border-purple-100 { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .lg\:border-purple-200 { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .lg\:border-purple-300 { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .lg\:border-purple-400 { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .lg\:border-purple-500 { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .lg\:border-purple-600 { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .lg\:border-purple-700 { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .lg\:border-purple-800 { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .lg\:border-purple-900 { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .lg\:border-pink-100 { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .lg\:border-pink-200 { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .lg\:border-pink-300 { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .lg\:border-pink-400 { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .lg\:border-pink-500 { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .lg\:border-pink-600 { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .lg\:border-pink-700 { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .lg\:border-pink-800 { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .lg\:border-pink-900 { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .lg\:hover\:border-transparent:hover { border-color: transparent; } + .lg\:hover\:border-current:hover { + border-color: currentColor; + } + .lg\:hover\:border-black:hover { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .lg\:hover\:border-white:hover { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .lg\:hover\:border-gray-100:hover { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .lg\:hover\:border-gray-200:hover { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .lg\:hover\:border-gray-300:hover { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .lg\:hover\:border-gray-400:hover { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .lg\:hover\:border-gray-500:hover { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .lg\:hover\:border-gray-600:hover { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .lg\:hover\:border-gray-700:hover { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .lg\:hover\:border-gray-800:hover { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .lg\:hover\:border-gray-900:hover { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .lg\:hover\:border-red-100:hover { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .lg\:hover\:border-red-200:hover { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .lg\:hover\:border-red-300:hover { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .lg\:hover\:border-red-400:hover { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .lg\:hover\:border-red-500:hover { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .lg\:hover\:border-red-600:hover { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .lg\:hover\:border-red-700:hover { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .lg\:hover\:border-red-800:hover { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .lg\:hover\:border-red-900:hover { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .lg\:hover\:border-orange-100:hover { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .lg\:hover\:border-orange-200:hover { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .lg\:hover\:border-orange-300:hover { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .lg\:hover\:border-orange-400:hover { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .lg\:hover\:border-orange-500:hover { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .lg\:hover\:border-orange-600:hover { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .lg\:hover\:border-orange-700:hover { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .lg\:hover\:border-orange-800:hover { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .lg\:hover\:border-orange-900:hover { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .lg\:hover\:border-green-100:hover { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .lg\:hover\:border-green-200:hover { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .lg\:hover\:border-green-300:hover { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .lg\:hover\:border-green-400:hover { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .lg\:hover\:border-green-500:hover { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .lg\:hover\:border-green-600:hover { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .lg\:hover\:border-green-700:hover { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .lg\:hover\:border-green-800:hover { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .lg\:hover\:border-green-900:hover { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .lg\:hover\:border-teal-100:hover { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .lg\:hover\:border-teal-200:hover { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .lg\:hover\:border-teal-300:hover { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .lg\:hover\:border-teal-400:hover { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .lg\:hover\:border-teal-500:hover { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .lg\:hover\:border-teal-600:hover { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .lg\:hover\:border-teal-700:hover { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .lg\:hover\:border-teal-800:hover { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .lg\:hover\:border-teal-900:hover { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .lg\:hover\:border-blue-100:hover { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .lg\:hover\:border-blue-200:hover { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .lg\:hover\:border-blue-300:hover { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .lg\:hover\:border-blue-400:hover { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .lg\:hover\:border-blue-500:hover { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .lg\:hover\:border-blue-600:hover { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .lg\:hover\:border-blue-700:hover { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .lg\:hover\:border-blue-800:hover { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .lg\:hover\:border-blue-900:hover { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .lg\:hover\:border-indigo-100:hover { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .lg\:hover\:border-indigo-200:hover { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .lg\:hover\:border-indigo-300:hover { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .lg\:hover\:border-indigo-400:hover { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .lg\:hover\:border-indigo-500:hover { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .lg\:hover\:border-indigo-600:hover { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .lg\:hover\:border-indigo-700:hover { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .lg\:hover\:border-indigo-800:hover { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .lg\:hover\:border-indigo-900:hover { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .lg\:hover\:border-purple-100:hover { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .lg\:hover\:border-purple-200:hover { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .lg\:hover\:border-purple-300:hover { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .lg\:hover\:border-purple-400:hover { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .lg\:hover\:border-purple-500:hover { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .lg\:hover\:border-purple-600:hover { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .lg\:hover\:border-purple-700:hover { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .lg\:hover\:border-purple-800:hover { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .lg\:hover\:border-purple-900:hover { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .lg\:hover\:border-pink-100:hover { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .lg\:hover\:border-pink-200:hover { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .lg\:hover\:border-pink-300:hover { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .lg\:hover\:border-pink-400:hover { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .lg\:hover\:border-pink-500:hover { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .lg\:hover\:border-pink-600:hover { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .lg\:hover\:border-pink-700:hover { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .lg\:hover\:border-pink-800:hover { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .lg\:hover\:border-pink-900:hover { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .lg\:focus\:border-transparent:focus { border-color: transparent; } + .lg\:focus\:border-current:focus { + border-color: currentColor; + } + .lg\:focus\:border-black:focus { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .lg\:focus\:border-white:focus { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .lg\:focus\:border-gray-100:focus { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .lg\:focus\:border-gray-200:focus { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .lg\:focus\:border-gray-300:focus { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .lg\:focus\:border-gray-400:focus { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .lg\:focus\:border-gray-500:focus { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .lg\:focus\:border-gray-600:focus { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .lg\:focus\:border-gray-700:focus { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .lg\:focus\:border-gray-800:focus { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .lg\:focus\:border-gray-900:focus { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .lg\:focus\:border-red-100:focus { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .lg\:focus\:border-red-200:focus { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .lg\:focus\:border-red-300:focus { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .lg\:focus\:border-red-400:focus { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .lg\:focus\:border-red-500:focus { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .lg\:focus\:border-red-600:focus { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .lg\:focus\:border-red-700:focus { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .lg\:focus\:border-red-800:focus { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .lg\:focus\:border-red-900:focus { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .lg\:focus\:border-orange-100:focus { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .lg\:focus\:border-orange-200:focus { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .lg\:focus\:border-orange-300:focus { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .lg\:focus\:border-orange-400:focus { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .lg\:focus\:border-orange-500:focus { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .lg\:focus\:border-orange-600:focus { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .lg\:focus\:border-orange-700:focus { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .lg\:focus\:border-orange-800:focus { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .lg\:focus\:border-orange-900:focus { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .lg\:focus\:border-green-100:focus { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .lg\:focus\:border-green-200:focus { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .lg\:focus\:border-green-300:focus { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .lg\:focus\:border-green-400:focus { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .lg\:focus\:border-green-500:focus { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .lg\:focus\:border-green-600:focus { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .lg\:focus\:border-green-700:focus { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .lg\:focus\:border-green-800:focus { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .lg\:focus\:border-green-900:focus { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .lg\:focus\:border-teal-100:focus { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .lg\:focus\:border-teal-200:focus { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .lg\:focus\:border-teal-300:focus { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .lg\:focus\:border-teal-400:focus { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .lg\:focus\:border-teal-500:focus { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .lg\:focus\:border-teal-600:focus { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .lg\:focus\:border-teal-700:focus { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .lg\:focus\:border-teal-800:focus { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .lg\:focus\:border-teal-900:focus { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .lg\:focus\:border-blue-100:focus { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .lg\:focus\:border-blue-200:focus { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .lg\:focus\:border-blue-300:focus { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .lg\:focus\:border-blue-400:focus { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .lg\:focus\:border-blue-500:focus { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .lg\:focus\:border-blue-600:focus { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .lg\:focus\:border-blue-700:focus { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .lg\:focus\:border-blue-800:focus { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .lg\:focus\:border-blue-900:focus { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .lg\:focus\:border-indigo-100:focus { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .lg\:focus\:border-indigo-200:focus { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .lg\:focus\:border-indigo-300:focus { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .lg\:focus\:border-indigo-400:focus { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .lg\:focus\:border-indigo-500:focus { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .lg\:focus\:border-indigo-600:focus { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .lg\:focus\:border-indigo-700:focus { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .lg\:focus\:border-indigo-800:focus { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .lg\:focus\:border-indigo-900:focus { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .lg\:focus\:border-purple-100:focus { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .lg\:focus\:border-purple-200:focus { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .lg\:focus\:border-purple-300:focus { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .lg\:focus\:border-purple-400:focus { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .lg\:focus\:border-purple-500:focus { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .lg\:focus\:border-purple-600:focus { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .lg\:focus\:border-purple-700:focus { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .lg\:focus\:border-purple-800:focus { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .lg\:focus\:border-purple-900:focus { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .lg\:focus\:border-pink-100:focus { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .lg\:focus\:border-pink-200:focus { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .lg\:focus\:border-pink-300:focus { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .lg\:focus\:border-pink-400:focus { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .lg\:focus\:border-pink-500:focus { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .lg\:focus\:border-pink-600:focus { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .lg\:focus\:border-pink-700:focus { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .lg\:focus\:border-pink-800:focus { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .lg\:focus\:border-pink-900:focus { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); + } + + .lg\:border-opacity-0 { + --border-opacity: 0; + } + + .lg\:border-opacity-25 { + --border-opacity: 0.25; + } + + .lg\:border-opacity-50 { + --border-opacity: 0.5; + } + + .lg\:border-opacity-75 { + --border-opacity: 0.75; + } + + .lg\:border-opacity-100 { + --border-opacity: 1; + } + + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0; + } + + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; + } + + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; + } + + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; + } + + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1; + } + + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0; + } + + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; + } + + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; + } + + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; + } + + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1; } .lg\:rounded-none { @@ -34346,10 +46989,6 @@ video { display: inline-flex; } - .lg\:grid { - display: grid; - } - .lg\:table { display: table; } @@ -34386,6 +47025,18 @@ video { display: table-row; } + .lg\:flow-root { + display: flow-root; + } + + .lg\:grid { + display: grid; + } + + .lg\:inline-grid { + display: inline-grid; + } + .lg\:hidden { display: none; } @@ -34624,6 +47275,10 @@ video { clear: both; } + .lg\:clear-none { + clear: none; + } + .lg\:font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @@ -34832,6 +47487,46 @@ video { height: 100vh; } + .lg\:text-xs { + font-size: 0.75rem; + } + + .lg\:text-sm { + font-size: 0.875rem; + } + + .lg\:text-base { + font-size: 1rem; + } + + .lg\:text-lg { + font-size: 1.125rem; + } + + .lg\:text-xl { + font-size: 1.25rem; + } + + .lg\:text-2xl { + font-size: 1.5rem; + } + + .lg\:text-3xl { + font-size: 1.875rem; + } + + .lg\:text-4xl { + font-size: 2.25rem; + } + + .lg\:text-5xl { + font-size: 3rem; + } + + .lg\:text-6xl { + font-size: 4rem; + } + .lg\:leading-3 { line-height: .75rem; } @@ -35115,6764 +47810,8896 @@ video { margin-bottom: 1.25rem; } - .lg\:mx-5 { + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; + } + + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; + } + + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; + } + + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; + } + + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; + } + + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; + } + + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; + } + + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; + } + + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; + } + + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; + } + + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; + } + + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; + } + + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; + } + + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; + } + + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; + } + + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; + } + + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .lg\:mt-0 { + margin-top: 0; + } + + .lg\:mr-0 { + margin-right: 0; + } + + .lg\:mb-0 { + margin-bottom: 0; + } + + .lg\:ml-0 { + margin-left: 0; + } + + .lg\:mt-1 { + margin-top: 0.25rem; + } + + .lg\:mr-1 { + margin-right: 0.25rem; + } + + .lg\:mb-1 { + margin-bottom: 0.25rem; + } + + .lg\:ml-1 { + margin-left: 0.25rem; + } + + .lg\:mt-2 { + margin-top: 0.5rem; + } + + .lg\:mr-2 { + margin-right: 0.5rem; + } + + .lg\:mb-2 { + margin-bottom: 0.5rem; + } + + .lg\:ml-2 { + margin-left: 0.5rem; + } + + .lg\:mt-3 { + margin-top: 0.75rem; + } + + .lg\:mr-3 { + margin-right: 0.75rem; + } + + .lg\:mb-3 { + margin-bottom: 0.75rem; + } + + .lg\:ml-3 { + margin-left: 0.75rem; + } + + .lg\:mt-4 { + margin-top: 1rem; + } + + .lg\:mr-4 { + margin-right: 1rem; + } + + .lg\:mb-4 { + margin-bottom: 1rem; + } + + .lg\:ml-4 { + margin-left: 1rem; + } + + .lg\:mt-5 { + margin-top: 1.25rem; + } + + .lg\:mr-5 { + margin-right: 1.25rem; + } + + .lg\:mb-5 { + margin-bottom: 1.25rem; + } + + .lg\:ml-5 { margin-left: 1.25rem; - margin-right: 1.25rem; } - .lg\:my-6 { + .lg\:mt-6 { margin-top: 1.5rem; + } + + .lg\:mr-6 { + margin-right: 1.5rem; + } + + .lg\:mb-6 { margin-bottom: 1.5rem; } - .lg\:mx-6 { + .lg\:ml-6 { margin-left: 1.5rem; - margin-right: 1.5rem; } - .lg\:my-8 { + .lg\:mt-8 { margin-top: 2rem; + } + + .lg\:mr-8 { + margin-right: 2rem; + } + + .lg\:mb-8 { margin-bottom: 2rem; } - .lg\:mx-8 { + .lg\:ml-8 { margin-left: 2rem; - margin-right: 2rem; } - .lg\:my-10 { + .lg\:mt-10 { margin-top: 2.5rem; + } + + .lg\:mr-10 { + margin-right: 2.5rem; + } + + .lg\:mb-10 { margin-bottom: 2.5rem; } - .lg\:mx-10 { + .lg\:ml-10 { margin-left: 2.5rem; - margin-right: 2.5rem; } - .lg\:my-12 { + .lg\:mt-12 { margin-top: 3rem; + } + + .lg\:mr-12 { + margin-right: 3rem; + } + + .lg\:mb-12 { margin-bottom: 3rem; } - .lg\:mx-12 { + .lg\:ml-12 { margin-left: 3rem; - margin-right: 3rem; } - .lg\:my-16 { + .lg\:mt-16 { margin-top: 4rem; + } + + .lg\:mr-16 { + margin-right: 4rem; + } + + .lg\:mb-16 { margin-bottom: 4rem; } - .lg\:mx-16 { + .lg\:ml-16 { margin-left: 4rem; - margin-right: 4rem; } - .lg\:my-20 { + .lg\:mt-20 { margin-top: 5rem; + } + + .lg\:mr-20 { + margin-right: 5rem; + } + + .lg\:mb-20 { margin-bottom: 5rem; } - .lg\:mx-20 { + .lg\:ml-20 { margin-left: 5rem; - margin-right: 5rem; } - .lg\:my-24 { + .lg\:mt-24 { margin-top: 6rem; + } + + .lg\:mr-24 { + margin-right: 6rem; + } + + .lg\:mb-24 { margin-bottom: 6rem; } - .lg\:mx-24 { + .lg\:ml-24 { margin-left: 6rem; - margin-right: 6rem; } - .lg\:my-32 { + .lg\:mt-32 { margin-top: 8rem; + } + + .lg\:mr-32 { + margin-right: 8rem; + } + + .lg\:mb-32 { margin-bottom: 8rem; } - .lg\:mx-32 { + .lg\:ml-32 { margin-left: 8rem; - margin-right: 8rem; } - .lg\:my-40 { + .lg\:mt-40 { margin-top: 10rem; + } + + .lg\:mr-40 { + margin-right: 10rem; + } + + .lg\:mb-40 { margin-bottom: 10rem; } - .lg\:mx-40 { + .lg\:ml-40 { margin-left: 10rem; - margin-right: 10rem; } - .lg\:my-48 { + .lg\:mt-48 { margin-top: 12rem; + } + + .lg\:mr-48 { + margin-right: 12rem; + } + + .lg\:mb-48 { margin-bottom: 12rem; } - .lg\:mx-48 { + .lg\:ml-48 { margin-left: 12rem; - margin-right: 12rem; } - .lg\:my-56 { + .lg\:mt-56 { margin-top: 14rem; + } + + .lg\:mr-56 { + margin-right: 14rem; + } + + .lg\:mb-56 { margin-bottom: 14rem; } - .lg\:mx-56 { + .lg\:ml-56 { margin-left: 14rem; - margin-right: 14rem; } - .lg\:my-64 { + .lg\:mt-64 { margin-top: 16rem; + } + + .lg\:mr-64 { + margin-right: 16rem; + } + + .lg\:mb-64 { margin-bottom: 16rem; } - .lg\:mx-64 { + .lg\:ml-64 { margin-left: 16rem; - margin-right: 16rem; } - .lg\:my-auto { + .lg\:mt-auto { margin-top: auto; + } + + .lg\:mr-auto { + margin-right: auto; + } + + .lg\:mb-auto { margin-bottom: auto; } - .lg\:mx-auto { + .lg\:ml-auto { margin-left: auto; - margin-right: auto; } - .lg\:my-px { + .lg\:mt-px { margin-top: 1px; + } + + .lg\:mr-px { + margin-right: 1px; + } + + .lg\:mb-px { margin-bottom: 1px; } - .lg\:mx-px { + .lg\:ml-px { margin-left: 1px; - margin-right: 1px; } - .lg\:-my-1 { + .lg\:-mt-1 { margin-top: -0.25rem; + } + + .lg\:-mr-1 { + margin-right: -0.25rem; + } + + .lg\:-mb-1 { margin-bottom: -0.25rem; } - .lg\:-mx-1 { + .lg\:-ml-1 { margin-left: -0.25rem; - margin-right: -0.25rem; } - .lg\:-my-2 { + .lg\:-mt-2 { margin-top: -0.5rem; + } + + .lg\:-mr-2 { + margin-right: -0.5rem; + } + + .lg\:-mb-2 { margin-bottom: -0.5rem; } - .lg\:-mx-2 { + .lg\:-ml-2 { margin-left: -0.5rem; - margin-right: -0.5rem; } - .lg\:-my-3 { + .lg\:-mt-3 { margin-top: -0.75rem; + } + + .lg\:-mr-3 { + margin-right: -0.75rem; + } + + .lg\:-mb-3 { margin-bottom: -0.75rem; } - .lg\:-mx-3 { + .lg\:-ml-3 { margin-left: -0.75rem; - margin-right: -0.75rem; } - .lg\:-my-4 { + .lg\:-mt-4 { margin-top: -1rem; + } + + .lg\:-mr-4 { + margin-right: -1rem; + } + + .lg\:-mb-4 { margin-bottom: -1rem; } - .lg\:-mx-4 { + .lg\:-ml-4 { margin-left: -1rem; - margin-right: -1rem; } - .lg\:-my-5 { + .lg\:-mt-5 { margin-top: -1.25rem; + } + + .lg\:-mr-5 { + margin-right: -1.25rem; + } + + .lg\:-mb-5 { margin-bottom: -1.25rem; } - .lg\:-mx-5 { + .lg\:-ml-5 { margin-left: -1.25rem; - margin-right: -1.25rem; } - .lg\:-my-6 { + .lg\:-mt-6 { margin-top: -1.5rem; + } + + .lg\:-mr-6 { + margin-right: -1.5rem; + } + + .lg\:-mb-6 { margin-bottom: -1.5rem; } - .lg\:-mx-6 { + .lg\:-ml-6 { margin-left: -1.5rem; - margin-right: -1.5rem; } - .lg\:-my-8 { + .lg\:-mt-8 { margin-top: -2rem; + } + + .lg\:-mr-8 { + margin-right: -2rem; + } + + .lg\:-mb-8 { margin-bottom: -2rem; } - .lg\:-mx-8 { + .lg\:-ml-8 { margin-left: -2rem; - margin-right: -2rem; } - .lg\:-my-10 { + .lg\:-mt-10 { margin-top: -2.5rem; + } + + .lg\:-mr-10 { + margin-right: -2.5rem; + } + + .lg\:-mb-10 { margin-bottom: -2.5rem; } - .lg\:-mx-10 { + .lg\:-ml-10 { margin-left: -2.5rem; - margin-right: -2.5rem; } - .lg\:-my-12 { + .lg\:-mt-12 { margin-top: -3rem; + } + + .lg\:-mr-12 { + margin-right: -3rem; + } + + .lg\:-mb-12 { margin-bottom: -3rem; } - .lg\:-mx-12 { + .lg\:-ml-12 { margin-left: -3rem; - margin-right: -3rem; } - .lg\:-my-16 { + .lg\:-mt-16 { margin-top: -4rem; + } + + .lg\:-mr-16 { + margin-right: -4rem; + } + + .lg\:-mb-16 { margin-bottom: -4rem; } - .lg\:-mx-16 { + .lg\:-ml-16 { margin-left: -4rem; - margin-right: -4rem; } - .lg\:-my-20 { + .lg\:-mt-20 { margin-top: -5rem; + } + + .lg\:-mr-20 { + margin-right: -5rem; + } + + .lg\:-mb-20 { margin-bottom: -5rem; } - .lg\:-mx-20 { + .lg\:-ml-20 { margin-left: -5rem; - margin-right: -5rem; } - .lg\:-my-24 { + .lg\:-mt-24 { margin-top: -6rem; + } + + .lg\:-mr-24 { + margin-right: -6rem; + } + + .lg\:-mb-24 { margin-bottom: -6rem; } - .lg\:-mx-24 { + .lg\:-ml-24 { margin-left: -6rem; - margin-right: -6rem; } - .lg\:-my-32 { + .lg\:-mt-32 { margin-top: -8rem; + } + + .lg\:-mr-32 { + margin-right: -8rem; + } + + .lg\:-mb-32 { margin-bottom: -8rem; } - .lg\:-mx-32 { + .lg\:-ml-32 { margin-left: -8rem; - margin-right: -8rem; } - .lg\:-my-40 { + .lg\:-mt-40 { margin-top: -10rem; + } + + .lg\:-mr-40 { + margin-right: -10rem; + } + + .lg\:-mb-40 { margin-bottom: -10rem; } - .lg\:-mx-40 { + .lg\:-ml-40 { margin-left: -10rem; - margin-right: -10rem; } - .lg\:-my-48 { + .lg\:-mt-48 { margin-top: -12rem; + } + + .lg\:-mr-48 { + margin-right: -12rem; + } + + .lg\:-mb-48 { margin-bottom: -12rem; } - .lg\:-mx-48 { + .lg\:-ml-48 { margin-left: -12rem; - margin-right: -12rem; } - .lg\:-my-56 { + .lg\:-mt-56 { margin-top: -14rem; + } + + .lg\:-mr-56 { + margin-right: -14rem; + } + + .lg\:-mb-56 { margin-bottom: -14rem; } - .lg\:-mx-56 { + .lg\:-ml-56 { margin-left: -14rem; - margin-right: -14rem; } - .lg\:-my-64 { + .lg\:-mt-64 { margin-top: -16rem; + } + + .lg\:-mr-64 { + margin-right: -16rem; + } + + .lg\:-mb-64 { margin-bottom: -16rem; } - .lg\:-mx-64 { + .lg\:-ml-64 { margin-left: -16rem; - margin-right: -16rem; } - .lg\:-my-px { + .lg\:-mt-px { margin-top: -1px; + } + + .lg\:-mr-px { + margin-right: -1px; + } + + .lg\:-mb-px { margin-bottom: -1px; } - .lg\:-mx-px { + .lg\:-ml-px { margin-left: -1px; - margin-right: -1px; } - .lg\:mt-0 { - margin-top: 0; + .lg\:max-h-full { + max-height: 100%; } - .lg\:mr-0 { - margin-right: 0; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:mb-0 { - margin-bottom: 0; + .lg\:max-w-none { + max-width: none; } - .lg\:ml-0 { - margin-left: 0; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:mt-1 { - margin-top: 0.25rem; + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:mr-1 { - margin-right: 0.25rem; + .lg\:max-w-md { + max-width: 28rem; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:ml-1 { - margin-left: 0.25rem; + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:mt-2 { - margin-top: 0.5rem; + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:mr-2 { - margin-right: 0.5rem; + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:ml-2 { - margin-left: 0.5rem; + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:mt-3 { - margin-top: 0.75rem; + .lg\:max-w-6xl { + max-width: 72rem; + } + + .lg\:max-w-full { + max-width: 100%; + } + + .lg\:max-w-screen-sm { + max-width: 640px; + } + + .lg\:max-w-screen-md { + max-width: 768px; + } + + .lg\:max-w-screen-lg { + max-width: 1024px; + } + + .lg\:max-w-screen-xl { + max-width: 1280px; + } + + .lg\:min-h-0 { + min-height: 0; + } + + .lg\:min-h-full { + min-height: 100%; + } + + .lg\:min-h-screen { + min-height: 100vh; + } + + .lg\:min-w-0 { + min-width: 0; + } + + .lg\:min-w-full { + min-width: 100%; + } + + .lg\:object-contain { + object-fit: contain; + } + + .lg\:object-cover { + object-fit: cover; + } + + .lg\:object-fill { + object-fit: fill; + } + + .lg\:object-none { + object-fit: none; + } + + .lg\:object-scale-down { + object-fit: scale-down; + } + + .lg\:object-bottom { + object-position: bottom; + } + + .lg\:object-center { + object-position: center; + } + + .lg\:object-left { + object-position: left; } - .lg\:mr-3 { - margin-right: 0.75rem; + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .lg\:object-left-top { + object-position: left top; } - .lg\:ml-3 { - margin-left: 0.75rem; + .lg\:object-right { + object-position: right; } - .lg\:mt-4 { - margin-top: 1rem; + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:mr-4 { - margin-right: 1rem; + .lg\:object-right-top { + object-position: right top; } - .lg\:mb-4 { - margin-bottom: 1rem; + .lg\:object-top { + object-position: top; } - .lg\:ml-4 { - margin-left: 1rem; + .lg\:opacity-0 { + opacity: 0; } - .lg\:mt-5 { - margin-top: 1.25rem; + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:mr-5 { - margin-right: 1.25rem; + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:ml-5 { - margin-left: 1.25rem; + .lg\:opacity-100 { + opacity: 1; } - .lg\:mt-6 { - margin-top: 1.5rem; + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:mr-6 { - margin-right: 1.5rem; + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:ml-6 { - margin-left: 1.5rem; + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:mt-8 { - margin-top: 2rem; + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:mr-8 { - margin-right: 2rem; + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:mb-8 { - margin-bottom: 2rem; + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:ml-8 { - margin-left: 2rem; + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:mt-10 { - margin-top: 2.5rem; + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:mr-10 { - margin-right: 2.5rem; + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .lg\:outline-none { + outline: 0; } - .lg\:ml-10 { - margin-left: 2.5rem; + .lg\:focus\:outline-none:focus { + outline: 0; } - .lg\:mt-12 { - margin-top: 3rem; + .lg\:overflow-auto { + overflow: auto; } - .lg\:mr-12 { - margin-right: 3rem; + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:mb-12 { - margin-bottom: 3rem; + .lg\:overflow-visible { + overflow: visible; } - .lg\:ml-12 { - margin-left: 3rem; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:mt-16 { - margin-top: 4rem; + .lg\:overflow-x-auto { + overflow-x: auto; } - .lg\:mr-16 { - margin-right: 4rem; + .lg\:overflow-y-auto { + overflow-y: auto; } - .lg\:mb-16 { - margin-bottom: 4rem; + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:ml-16 { - margin-left: 4rem; + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:mt-20 { - margin-top: 5rem; + .lg\:overflow-x-visible { + overflow-x: visible; } - .lg\:mr-20 { - margin-right: 5rem; + .lg\:overflow-y-visible { + overflow-y: visible; } - .lg\:mb-20 { - margin-bottom: 5rem; + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:ml-20 { - margin-left: 5rem; + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:mt-24 { - margin-top: 6rem; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .lg\:mr-24 { - margin-right: 6rem; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .lg\:mb-24 { - margin-bottom: 6rem; + .lg\:p-0 { + padding: 0; } - .lg\:ml-24 { - margin-left: 6rem; + .lg\:p-1 { + padding: 0.25rem; } - .lg\:mt-32 { - margin-top: 8rem; + .lg\:p-2 { + padding: 0.5rem; } - .lg\:mr-32 { - margin-right: 8rem; + .lg\:p-3 { + padding: 0.75rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .lg\:p-4 { + padding: 1rem; } - .lg\:ml-32 { - margin-left: 8rem; + .lg\:p-5 { + padding: 1.25rem; } - .lg\:mt-40 { - margin-top: 10rem; + .lg\:p-6 { + padding: 1.5rem; } - .lg\:mr-40 { - margin-right: 10rem; + .lg\:p-8 { + padding: 2rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .lg\:p-10 { + padding: 2.5rem; } - .lg\:ml-40 { - margin-left: 10rem; + .lg\:p-12 { + padding: 3rem; } - .lg\:mt-48 { - margin-top: 12rem; + .lg\:p-16 { + padding: 4rem; } - .lg\:mr-48 { - margin-right: 12rem; + .lg\:p-20 { + padding: 5rem; } - .lg\:mb-48 { - margin-bottom: 12rem; + .lg\:p-24 { + padding: 6rem; } - .lg\:ml-48 { - margin-left: 12rem; + .lg\:p-32 { + padding: 8rem; } - .lg\:mt-56 { - margin-top: 14rem; + .lg\:p-40 { + padding: 10rem; } - .lg\:mr-56 { - margin-right: 14rem; + .lg\:p-48 { + padding: 12rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .lg\:p-56 { + padding: 14rem; } - .lg\:ml-56 { - margin-left: 14rem; + .lg\:p-64 { + padding: 16rem; } - .lg\:mt-64 { - margin-top: 16rem; + .lg\:p-px { + padding: 1px; } - .lg\:mr-64 { - margin-right: 16rem; + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:mb-64 { - margin-bottom: 16rem; + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:ml-64 { - margin-left: 16rem; + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:mt-auto { - margin-top: auto; + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:mr-auto { - margin-right: auto; + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:mb-auto { - margin-bottom: auto; + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:ml-auto { - margin-left: auto; + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:mt-px { - margin-top: 1px; + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:mr-px { - margin-right: 1px; + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:mb-px { - margin-bottom: 1px; + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:ml-px { - margin-left: 1px; + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:-mt-4 { - margin-top: -1rem; + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:-ml-4 { - margin-left: -1rem; + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .lg\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:-mt-8 { - margin-top: -2rem; + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:-mr-8 { - margin-right: -2rem; + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:-ml-8 { - margin-left: -2rem; + .lg\:pt-0 { + padding-top: 0; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .lg\:pr-0 { + padding-right: 0; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .lg\:pb-0 { + padding-bottom: 0; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .lg\:pl-0 { + padding-left: 0; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .lg\:pt-1 { + padding-top: 0.25rem; } - .lg\:-mt-12 { - margin-top: -3rem; + .lg\:pr-1 { + padding-right: 0.25rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .lg\:pl-1 { + padding-left: 0.25rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .lg\:pt-2 { + padding-top: 0.5rem; } - .lg\:-mt-16 { - margin-top: -4rem; + .lg\:pr-2 { + padding-right: 0.5rem; } - .lg\:-mr-16 { - margin-right: -4rem; + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .lg\:pl-2 { + padding-left: 0.5rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .lg\:pt-3 { + padding-top: 0.75rem; } - .lg\:-mt-20 { - margin-top: -5rem; + .lg\:pr-3 { + padding-right: 0.75rem; } - .lg\:-mr-20 { - margin-right: -5rem; + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .lg\:pl-3 { + padding-left: 0.75rem; } - .lg\:-ml-20 { - margin-left: -5rem; + .lg\:pt-4 { + padding-top: 1rem; } - .lg\:-mt-24 { - margin-top: -6rem; + .lg\:pr-4 { + padding-right: 1rem; } - .lg\:-mr-24 { - margin-right: -6rem; + .lg\:pb-4 { + padding-bottom: 1rem; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .lg\:pl-4 { + padding-left: 1rem; } - .lg\:-ml-24 { - margin-left: -6rem; + .lg\:pt-5 { + padding-top: 1.25rem; } - .lg\:-mt-32 { - margin-top: -8rem; + .lg\:pr-5 { + padding-right: 1.25rem; } - .lg\:-mr-32 { - margin-right: -8rem; + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .lg\:pl-5 { + padding-left: 1.25rem; + } + + .lg\:pt-6 { + padding-top: 1.5rem; } - .lg\:-ml-32 { - margin-left: -8rem; + .lg\:pr-6 { + padding-right: 1.5rem; } - .lg\:-mt-40 { - margin-top: -10rem; + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:-mr-40 { - margin-right: -10rem; + .lg\:pl-6 { + padding-left: 1.5rem; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .lg\:pt-8 { + padding-top: 2rem; } - .lg\:-ml-40 { - margin-left: -10rem; + .lg\:pr-8 { + padding-right: 2rem; } - .lg\:-mt-48 { - margin-top: -12rem; + .lg\:pb-8 { + padding-bottom: 2rem; } - .lg\:-mr-48 { - margin-right: -12rem; + .lg\:pl-8 { + padding-left: 2rem; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .lg\:pt-10 { + padding-top: 2.5rem; } - .lg\:-ml-48 { - margin-left: -12rem; + .lg\:pr-10 { + padding-right: 2.5rem; } - .lg\:-mt-56 { - margin-top: -14rem; + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:-mr-56 { - margin-right: -14rem; + .lg\:pl-10 { + padding-left: 2.5rem; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .lg\:pt-12 { + padding-top: 3rem; } - .lg\:-ml-56 { - margin-left: -14rem; + .lg\:pr-12 { + padding-right: 3rem; } - .lg\:-mt-64 { - margin-top: -16rem; + .lg\:pb-12 { + padding-bottom: 3rem; } - .lg\:-mr-64 { - margin-right: -16rem; + .lg\:pl-12 { + padding-left: 3rem; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .lg\:pt-16 { + padding-top: 4rem; } - .lg\:-ml-64 { - margin-left: -16rem; + .lg\:pr-16 { + padding-right: 4rem; } - .lg\:-mt-px { - margin-top: -1px; + .lg\:pb-16 { + padding-bottom: 4rem; } - .lg\:-mr-px { - margin-right: -1px; + .lg\:pl-16 { + padding-left: 4rem; } - .lg\:-mb-px { - margin-bottom: -1px; + .lg\:pt-20 { + padding-top: 5rem; } - .lg\:-ml-px { - margin-left: -1px; + .lg\:pr-20 { + padding-right: 5rem; } - .lg\:max-h-full { - max-height: 100%; + .lg\:pb-20 { + padding-bottom: 5rem; } - .lg\:max-h-screen { - max-height: 100vh; + .lg\:pl-20 { + padding-left: 5rem; } - .lg\:max-w-none { - max-width: none; + .lg\:pt-24 { + padding-top: 6rem; } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:pr-24 { + padding-right: 6rem; } - .lg\:max-w-sm { - max-width: 24rem; + .lg\:pb-24 { + padding-bottom: 6rem; } - .lg\:max-w-md { - max-width: 28rem; + .lg\:pl-24 { + padding-left: 6rem; } - .lg\:max-w-lg { - max-width: 32rem; + .lg\:pt-32 { + padding-top: 8rem; } - .lg\:max-w-xl { - max-width: 36rem; + .lg\:pr-32 { + padding-right: 8rem; } - .lg\:max-w-2xl { - max-width: 42rem; + .lg\:pb-32 { + padding-bottom: 8rem; } - .lg\:max-w-3xl { - max-width: 48rem; + .lg\:pl-32 { + padding-left: 8rem; } - .lg\:max-w-4xl { - max-width: 56rem; + .lg\:pt-40 { + padding-top: 10rem; } - .lg\:max-w-5xl { - max-width: 64rem; + .lg\:pr-40 { + padding-right: 10rem; } - .lg\:max-w-6xl { - max-width: 72rem; + .lg\:pb-40 { + padding-bottom: 10rem; } - .lg\:max-w-full { - max-width: 100%; + .lg\:pl-40 { + padding-left: 10rem; } - .lg\:max-w-screen-sm { - max-width: 640px; + .lg\:pt-48 { + padding-top: 12rem; } - .lg\:max-w-screen-md { - max-width: 768px; + .lg\:pr-48 { + padding-right: 12rem; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .lg\:pb-48 { + padding-bottom: 12rem; } - .lg\:max-w-screen-xl { - max-width: 1280px; + .lg\:pl-48 { + padding-left: 12rem; } - .lg\:min-h-0 { - min-height: 0; + .lg\:pt-56 { + padding-top: 14rem; } - .lg\:min-h-full { - min-height: 100%; + .lg\:pr-56 { + padding-right: 14rem; } - .lg\:min-h-screen { - min-height: 100vh; + .lg\:pb-56 { + padding-bottom: 14rem; } - .lg\:min-w-0 { - min-width: 0; + .lg\:pl-56 { + padding-left: 14rem; } - .lg\:min-w-full { - min-width: 100%; + .lg\:pt-64 { + padding-top: 16rem; } - .lg\:object-contain { - object-fit: contain; + .lg\:pr-64 { + padding-right: 16rem; } - .lg\:object-cover { - object-fit: cover; + .lg\:pb-64 { + padding-bottom: 16rem; } - .lg\:object-fill { - object-fit: fill; + .lg\:pl-64 { + padding-left: 16rem; } - .lg\:object-none { - object-fit: none; + .lg\:pt-px { + padding-top: 1px; } - .lg\:object-scale-down { - object-fit: scale-down; + .lg\:pr-px { + padding-right: 1px; } - .lg\:object-bottom { - object-position: bottom; + .lg\:pb-px { + padding-bottom: 1px; } - .lg\:object-center { - object-position: center; + .lg\:pl-px { + padding-left: 1px; } - .lg\:object-left { - object-position: left; + .lg\:placeholder-transparent::placeholder { + color: transparent; } - .lg\:object-left-bottom { - object-position: left bottom; + .lg\:placeholder-current::placeholder { + color: currentColor; } - .lg\:object-left-top { - object-position: left top; + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .lg\:object-right { - object-position: right; + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .lg\:object-right-bottom { - object-position: right bottom; + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .lg\:object-right-top { - object-position: right top; + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .lg\:object-top { - object-position: top; + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .lg\:opacity-0 { - opacity: 0; + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .lg\:opacity-25 { - opacity: 0.25; + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .lg\:opacity-50 { - opacity: 0.5; + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .lg\:opacity-75 { - opacity: 0.75; + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .lg\:opacity-100 { - opacity: 1; + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .lg\:outline-none { - outline: 0; + .lg\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .lg\:focus\:outline-none:focus { - outline: 0; + .lg\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .lg\:overflow-auto { - overflow: auto; + .lg\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .lg\:overflow-hidden { - overflow: hidden; + .lg\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .lg\:overflow-visible { - overflow: visible; + .lg\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .lg\:overflow-scroll { - overflow: scroll; + .lg\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .lg\:overflow-x-auto { - overflow-x: auto; + .lg\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .lg\:overflow-y-auto { - overflow-y: auto; + .lg\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .lg\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .lg\:overflow-x-visible { - overflow-x: visible; + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .lg\:overflow-y-visible { - overflow-y: visible; + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .lg\:p-0 { - padding: 0; + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .lg\:p-1 { - padding: 0.25rem; + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .lg\:p-2 { - padding: 0.5rem; + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .lg\:p-3 { - padding: 0.75rem; + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .lg\:p-4 { - padding: 1rem; + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .lg\:p-5 { - padding: 1.25rem; + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .lg\:p-6 { - padding: 1.5rem; + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .lg\:p-8 { - padding: 2rem; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .lg\:p-10 { - padding: 2.5rem; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .lg\:p-12 { - padding: 3rem; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .lg\:p-16 { - padding: 4rem; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .lg\:p-20 { - padding: 5rem; + .lg\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .lg\:p-24 { - padding: 6rem; + .lg\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .lg\:p-32 { - padding: 8rem; + .lg\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .lg\:p-40 { - padding: 10rem; + .lg\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .lg\:p-48 { - padding: 12rem; + .lg\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .lg\:p-56 { - padding: 14rem; + .lg\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .lg\:p-64 { - padding: 16rem; + .lg\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .lg\:p-px { - padding: 1px; + .lg\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .lg\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .lg\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .lg\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .lg\:pt-0 { - padding-top: 0; + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .lg\:pr-0 { - padding-right: 0; + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .lg\:pb-0 { - padding-bottom: 0; + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .lg\:pl-0 { - padding-left: 0; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } - .lg\:pt-1 { - padding-top: 0.25rem; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } - .lg\:pr-1 { - padding-right: 0.25rem; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } - .lg\:pl-1 { - padding-left: 0.25rem; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } - .lg\:pt-2 { - padding-top: 0.5rem; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } - .lg\:pr-2 { - padding-right: 0.5rem; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } - .lg\:pl-2 { - padding-left: 0.5rem; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } - .lg\:pt-3 { - padding-top: 0.75rem; + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } - .lg\:pr-3 { - padding-right: 0.75rem; + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } - .lg\:pl-3 { - padding-left: 0.75rem; + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } - .lg\:pt-4 { - padding-top: 1rem; + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } - .lg\:pr-4 { - padding-right: 1rem; + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } - .lg\:pb-4 { - padding-bottom: 1rem; + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } - .lg\:pl-4 { - padding-left: 1rem; + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } - .lg\:pt-5 { - padding-top: 1.25rem; + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } - .lg\:pr-5 { - padding-right: 1.25rem; + .lg\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .lg\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } - .lg\:pl-5 { - padding-left: 1.25rem; + .lg\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } - .lg\:pt-6 { - padding-top: 1.5rem; + .lg\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } - .lg\:pr-6 { - padding-right: 1.5rem; + .lg\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .lg\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } - .lg\:pl-6 { - padding-left: 1.5rem; + .lg\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } - .lg\:pt-8 { - padding-top: 2rem; + .lg\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } - .lg\:pr-8 { - padding-right: 2rem; + .lg\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } - .lg\:pb-8 { - padding-bottom: 2rem; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } - .lg\:pl-8 { - padding-left: 2rem; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } - .lg\:pt-10 { - padding-top: 2.5rem; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } - .lg\:pr-10 { - padding-right: 2.5rem; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } - .lg\:pl-10 { - padding-left: 2.5rem; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } - .lg\:pt-12 { - padding-top: 3rem; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } - .lg\:pr-12 { - padding-right: 3rem; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } - .lg\:pb-12 { - padding-bottom: 3rem; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } - .lg\:pl-12 { - padding-left: 3rem; + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } - .lg\:pt-16 { - padding-top: 4rem; + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } - .lg\:pr-16 { - padding-right: 4rem; + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } - .lg\:pb-16 { - padding-bottom: 4rem; + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } - .lg\:pl-16 { - padding-left: 4rem; + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } - .lg\:pt-20 { - padding-top: 5rem; + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } - .lg\:pr-20 { - padding-right: 5rem; + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } - .lg\:pb-20 { - padding-bottom: 5rem; + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } - .lg\:pl-20 { - padding-left: 5rem; + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } - .lg\:pt-24 { - padding-top: 6rem; + .lg\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } - .lg\:pr-24 { - padding-right: 6rem; + .lg\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } - .lg\:pb-24 { - padding-bottom: 6rem; + .lg\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } - .lg\:pl-24 { - padding-left: 6rem; + .lg\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } - .lg\:pt-32 { - padding-top: 8rem; + .lg\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } - .lg\:pr-32 { - padding-right: 8rem; + .lg\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } - .lg\:pb-32 { - padding-bottom: 8rem; + .lg\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } - .lg\:pl-32 { - padding-left: 8rem; + .lg\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } - .lg\:pt-40 { - padding-top: 10rem; + .lg\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } - .lg\:pr-40 { - padding-right: 10rem; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } - .lg\:pb-40 { - padding-bottom: 10rem; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } - .lg\:pl-40 { - padding-left: 10rem; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } - .lg\:pt-48 { - padding-top: 12rem; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } - .lg\:pr-48 { - padding-right: 12rem; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } - .lg\:pb-48 { - padding-bottom: 12rem; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } - .lg\:pl-48 { - padding-left: 12rem; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } - .lg\:pt-56 { - padding-top: 14rem; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } - .lg\:pr-56 { - padding-right: 14rem; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } - .lg\:pb-56 { - padding-bottom: 14rem; + .lg\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } - .lg\:pl-56 { - padding-left: 14rem; + .lg\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } - .lg\:pt-64 { - padding-top: 16rem; + .lg\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } - .lg\:pr-64 { - padding-right: 16rem; + .lg\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } - .lg\:pb-64 { - padding-bottom: 16rem; + .lg\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } - .lg\:pl-64 { - padding-left: 16rem; + .lg\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } - .lg\:pt-px { - padding-top: 1px; + .lg\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } - .lg\:pr-px { - padding-right: 1px; + .lg\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } - .lg\:pb-px { - padding-bottom: 1px; + .lg\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } - .lg\:pl-px { - padding-left: 1px; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } - .lg\:placeholder-transparent::placeholder { - color: transparent; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } - .lg\:placeholder-black::placeholder { - color: #000; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } - .lg\:placeholder-white::placeholder { - color: #fff; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } - .lg\:placeholder-gray-100::placeholder { - color: #f7fafc; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } - .lg\:placeholder-gray-200::placeholder { - color: #edf2f7; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } - .lg\:placeholder-gray-300::placeholder { - color: #e2e8f0; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } - .lg\:placeholder-gray-400::placeholder { - color: #cbd5e0; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } - .lg\:placeholder-gray-500::placeholder { - color: #a0aec0; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } - .lg\:placeholder-gray-600::placeholder { - color: #718096; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } - .lg\:placeholder-gray-700::placeholder { - color: #4a5568; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } - .lg\:placeholder-gray-800::placeholder { - color: #2d3748; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } - .lg\:placeholder-gray-900::placeholder { - color: #1a202c; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } - .lg\:placeholder-red-100::placeholder { - color: #fff5f5; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } - .lg\:placeholder-red-200::placeholder { - color: #fed7d7; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } - .lg\:placeholder-red-300::placeholder { - color: #feb2b2; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } - .lg\:placeholder-red-400::placeholder { - color: #fc8181; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } - .lg\:placeholder-red-500::placeholder { - color: #f56565; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } - .lg\:placeholder-red-600::placeholder { - color: #e53e3e; + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .lg\:placeholder-red-700::placeholder { - color: #c53030; + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .lg\:placeholder-red-800::placeholder { - color: #9b2c2c; + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .lg\:placeholder-red-900::placeholder { - color: #742a2a; + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .lg\:placeholder-orange-100::placeholder { - color: #fffaf0; + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .lg\:placeholder-orange-200::placeholder { - color: #feebc8; + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .lg\:placeholder-orange-300::placeholder { - color: #fbd38d; + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .lg\:placeholder-orange-400::placeholder { - color: #f6ad55; + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .lg\:placeholder-orange-500::placeholder { - color: #ed8936; + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .lg\:placeholder-orange-600::placeholder { - color: #dd6b20; + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .lg\:placeholder-orange-700::placeholder { - color: #c05621; + .lg\:pointer-events-none { + pointer-events: none; } - .lg\:placeholder-orange-800::placeholder { - color: #9c4221; + .lg\:pointer-events-auto { + pointer-events: auto; } - .lg\:placeholder-orange-900::placeholder { - color: #7b341e; + .lg\:static { + position: static; } - .lg\:placeholder-yellow-100::placeholder { - color: #fffff0; + .lg\:fixed { + position: fixed; } - .lg\:placeholder-yellow-200::placeholder { - color: #fefcbf; + .lg\:absolute { + position: absolute; } - .lg\:placeholder-yellow-300::placeholder { - color: #faf089; + .lg\:relative { + position: relative; } - .lg\:placeholder-yellow-400::placeholder { - color: #f6e05e; + .lg\:sticky { + position: sticky; } - .lg\:placeholder-yellow-500::placeholder { - color: #ecc94b; + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .lg\:placeholder-yellow-600::placeholder { - color: #d69e2e; + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .lg\:placeholder-yellow-700::placeholder { - color: #b7791f; + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .lg\:placeholder-yellow-800::placeholder { - color: #975a16; + .lg\:inset-x-0 { + right: 0; + left: 0; } - .lg\:placeholder-yellow-900::placeholder { - color: #744210; + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .lg\:placeholder-green-100::placeholder { - color: #f0fff4; + .lg\:inset-x-auto { + right: auto; + left: auto; } - .lg\:placeholder-green-200::placeholder { - color: #c6f6d5; + .lg\:top-0 { + top: 0; } - .lg\:placeholder-green-300::placeholder { - color: #9ae6b4; + .lg\:right-0 { + right: 0; } - .lg\:placeholder-green-400::placeholder { - color: #68d391; + .lg\:bottom-0 { + bottom: 0; } - .lg\:placeholder-green-500::placeholder { - color: #48bb78; + .lg\:left-0 { + left: 0; } - .lg\:placeholder-green-600::placeholder { - color: #38a169; + .lg\:top-auto { + top: auto; } - .lg\:placeholder-green-700::placeholder { - color: #2f855a; + .lg\:right-auto { + right: auto; } - .lg\:placeholder-green-800::placeholder { - color: #276749; + .lg\:bottom-auto { + bottom: auto; } - .lg\:placeholder-green-900::placeholder { - color: #22543d; + .lg\:left-auto { + left: auto; } - .lg\:placeholder-teal-100::placeholder { - color: #e6fffa; + .lg\:resize-none { + resize: none; } - .lg\:placeholder-teal-200::placeholder { - color: #b2f5ea; + .lg\:resize-y { + resize: vertical; } - .lg\:placeholder-teal-300::placeholder { - color: #81e6d9; + .lg\:resize-x { + resize: horizontal; } - .lg\:placeholder-teal-400::placeholder { - color: #4fd1c5; + .lg\:resize { + resize: both; } - .lg\:placeholder-teal-500::placeholder { - color: #38b2ac; + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:placeholder-teal-600::placeholder { - color: #319795; + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:placeholder-teal-700::placeholder { - color: #2c7a7b; + .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\:placeholder-teal-800::placeholder { - color: #285e61; + .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\:placeholder-teal-900::placeholder { - color: #234e52; + .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\:placeholder-blue-100::placeholder { - color: #ebf8ff; + .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\:placeholder-blue-200::placeholder { - color: #bee3f8; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:placeholder-blue-300::placeholder { - color: #90cdf4; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:placeholder-blue-400::placeholder { - color: #63b3ed; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:placeholder-blue-500::placeholder { - color: #4299e1; + .lg\:shadow-none { + box-shadow: none; } - .lg\:placeholder-blue-600::placeholder { - color: #3182ce; + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:placeholder-blue-700::placeholder { - color: #2b6cb0; + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:placeholder-blue-800::placeholder { - color: #2c5282; + .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\:placeholder-blue-900::placeholder { - color: #2a4365; + .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\:placeholder-indigo-100::placeholder { - color: #ebf4ff; + .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\:placeholder-indigo-200::placeholder { - color: #c3dafe; + .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\:placeholder-indigo-300::placeholder { - color: #a3bffa; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:placeholder-indigo-400::placeholder { - color: #7f9cf5; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:placeholder-indigo-500::placeholder { - color: #667eea; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:placeholder-indigo-600::placeholder { - color: #5a67d8; + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .lg\:placeholder-indigo-700::placeholder { - color: #4c51bf; + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:placeholder-indigo-800::placeholder { - color: #434190; + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:placeholder-indigo-900::placeholder { - color: #3c366b; + .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\:placeholder-purple-100::placeholder { - color: #faf5ff; + .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\:placeholder-purple-200::placeholder { - color: #e9d8fd; + .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\:placeholder-purple-300::placeholder { - color: #d6bcfa; + .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\:placeholder-purple-400::placeholder { - color: #b794f4; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:placeholder-purple-500::placeholder { - color: #9f7aea; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:placeholder-purple-600::placeholder { - color: #805ad5; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:placeholder-purple-700::placeholder { - color: #6b46c1; + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .lg\:placeholder-purple-800::placeholder { - color: #553c9a; + .lg\:fill-current { + fill: currentColor; } - .lg\:placeholder-purple-900::placeholder { - color: #44337a; + .lg\:stroke-current { + stroke: currentColor; } - .lg\:placeholder-pink-100::placeholder { - color: #fff5f7; + .lg\:stroke-0 { + stroke-width: 0; } - .lg\:placeholder-pink-200::placeholder { - color: #fed7e2; + .lg\:stroke-1 { + stroke-width: 1; } - .lg\:placeholder-pink-300::placeholder { - color: #fbb6ce; + .lg\:stroke-2 { + stroke-width: 2; } - .lg\:placeholder-pink-400::placeholder { - color: #f687b3; + .lg\:table-auto { + table-layout: auto; } - .lg\:placeholder-pink-500::placeholder { - color: #ed64a6; + .lg\:table-fixed { + table-layout: fixed; } - .lg\:placeholder-pink-600::placeholder { - color: #d53f8c; + .lg\:text-left { + text-align: left; } - .lg\:placeholder-pink-700::placeholder { - color: #b83280; + .lg\:text-center { + text-align: center; } - .lg\:placeholder-pink-800::placeholder { - color: #97266d; + .lg\:text-right { + text-align: right; } - .lg\:placeholder-pink-900::placeholder { - color: #702459; + .lg\:text-justify { + text-align: justify; } - .lg\:focus\:placeholder-transparent:focus::placeholder { + .lg\:text-transparent { color: transparent; } - .lg\:focus\:placeholder-black:focus::placeholder { + .lg\:text-current { + color: currentColor; + } + + .lg\:text-black { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:focus\:placeholder-white:focus::placeholder { + .lg\:text-white { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-100:focus::placeholder { + .lg\:text-gray-100 { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-200:focus::placeholder { + .lg\:text-gray-200 { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-300:focus::placeholder { + .lg\:text-gray-300 { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-400:focus::placeholder { + .lg\:text-gray-400 { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-500:focus::placeholder { + .lg\:text-gray-500 { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-600:focus::placeholder { + .lg\:text-gray-600 { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-700:focus::placeholder { + .lg\:text-gray-700 { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-800:focus::placeholder { + .lg\:text-gray-800 { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .lg\:focus\:placeholder-gray-900:focus::placeholder { + .lg\:text-gray-900 { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .lg\:focus\:placeholder-red-100:focus::placeholder { + .lg\:text-red-100 { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .lg\:focus\:placeholder-red-200:focus::placeholder { + .lg\:text-red-200 { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .lg\:focus\:placeholder-red-300:focus::placeholder { + .lg\:text-red-300 { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .lg\:focus\:placeholder-red-400:focus::placeholder { + .lg\:text-red-400 { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .lg\:focus\:placeholder-red-500:focus::placeholder { + .lg\:text-red-500 { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .lg\:focus\:placeholder-red-600:focus::placeholder { + .lg\:text-red-600 { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .lg\:focus\:placeholder-red-700:focus::placeholder { + .lg\:text-red-700 { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .lg\:focus\:placeholder-red-800:focus::placeholder { + .lg\:text-red-800 { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .lg\:focus\:placeholder-red-900:focus::placeholder { + .lg\:text-red-900 { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-100:focus::placeholder { + .lg\:text-orange-100 { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-200:focus::placeholder { + .lg\:text-orange-200 { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-300:focus::placeholder { + .lg\:text-orange-300 { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-400:focus::placeholder { + .lg\:text-orange-400 { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-500:focus::placeholder { + .lg\:text-orange-500 { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-600:focus::placeholder { + .lg\:text-orange-600 { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-700:focus::placeholder { + .lg\:text-orange-700 { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-800:focus::placeholder { + .lg\:text-orange-800 { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .lg\:focus\:placeholder-orange-900:focus::placeholder { + .lg\:text-orange-900 { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { + .lg\:text-yellow-100 { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { + .lg\:text-yellow-200 { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { + .lg\:text-yellow-300 { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { + .lg\:text-yellow-400 { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { + .lg\:text-yellow-500 { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { + .lg\:text-yellow-600 { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { + .lg\:text-yellow-700 { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { + .lg\:text-yellow-800 { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { + .lg\:text-yellow-900 { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .lg\:focus\:placeholder-green-100:focus::placeholder { + .lg\:text-green-100 { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .lg\:focus\:placeholder-green-200:focus::placeholder { + .lg\:text-green-200 { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .lg\:focus\:placeholder-green-300:focus::placeholder { + .lg\:text-green-300 { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .lg\:focus\:placeholder-green-400:focus::placeholder { + .lg\:text-green-400 { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .lg\:focus\:placeholder-green-500:focus::placeholder { + .lg\:text-green-500 { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .lg\:focus\:placeholder-green-600:focus::placeholder { + .lg\:text-green-600 { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .lg\:focus\:placeholder-green-700:focus::placeholder { + .lg\:text-green-700 { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .lg\:focus\:placeholder-green-800:focus::placeholder { + .lg\:text-green-800 { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .lg\:focus\:placeholder-green-900:focus::placeholder { + .lg\:text-green-900 { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-100:focus::placeholder { + .lg\:text-teal-100 { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-200:focus::placeholder { + .lg\:text-teal-200 { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-300:focus::placeholder { + .lg\:text-teal-300 { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-400:focus::placeholder { + .lg\:text-teal-400 { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-500:focus::placeholder { + .lg\:text-teal-500 { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-600:focus::placeholder { + .lg\:text-teal-600 { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-700:focus::placeholder { + .lg\:text-teal-700 { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-800:focus::placeholder { + .lg\:text-teal-800 { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .lg\:focus\:placeholder-teal-900:focus::placeholder { + .lg\:text-teal-900 { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-100:focus::placeholder { + .lg\:text-blue-100 { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-200:focus::placeholder { + .lg\:text-blue-200 { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-300:focus::placeholder { + .lg\:text-blue-300 { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-400:focus::placeholder { + .lg\:text-blue-400 { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-500:focus::placeholder { + .lg\:text-blue-500 { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-600:focus::placeholder { + .lg\:text-blue-600 { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-700:focus::placeholder { + .lg\:text-blue-700 { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-800:focus::placeholder { + .lg\:text-blue-800 { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .lg\:focus\:placeholder-blue-900:focus::placeholder { + .lg\:text-blue-900 { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-100:focus::placeholder { + .lg\:text-indigo-100 { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-200:focus::placeholder { + .lg\:text-indigo-200 { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-300:focus::placeholder { + .lg\:text-indigo-300 { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); + } + + .lg\:text-indigo-400 { + --text-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); + } + + .lg\:text-indigo-500 { + --text-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); + } + + .lg\:text-indigo-600 { + --text-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); + } + + .lg\:text-indigo-700 { + --text-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); + } + + .lg\:text-indigo-800 { + --text-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); + } + + .lg\:text-indigo-900 { + --text-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); + } + + .lg\:text-purple-100 { + --text-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); + } + + .lg\:text-purple-200 { + --text-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); + } + + .lg\:text-purple-300 { + --text-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); + } + + .lg\:text-purple-400 { + --text-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); + } + + .lg\:text-purple-500 { + --text-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); + } + + .lg\:text-purple-600 { + --text-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); + } + + .lg\:text-purple-700 { + --text-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); + } + + .lg\:text-purple-800 { + --text-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); + } + + .lg\:text-purple-900 { + --text-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); + } + + .lg\:text-pink-100 { + --text-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); + } + + .lg\:text-pink-200 { + --text-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); + } + + .lg\:text-pink-300 { + --text-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); + } + + .lg\:text-pink-400 { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); + } + + .lg\:text-pink-500 { + --text-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); + } + + .lg\:text-pink-600 { + --text-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); + } + + .lg\:text-pink-700 { + --text-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); + } + + .lg\:text-pink-800 { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); + } + + .lg\:text-pink-900 { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); + } + + .lg\:hover\:text-transparent:hover { + color: transparent; + } + + .lg\:hover\:text-current:hover { + color: currentColor; + } + + .lg\:hover\:text-black:hover { + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); + } + + .lg\:hover\:text-white:hover { + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-400:focus::placeholder { - color: #7f9cf5; + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-500:focus::placeholder { - color: #667eea; + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-600:focus::placeholder { - color: #5a67d8; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-700:focus::placeholder { - color: #4c51bf; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-800:focus::placeholder { - color: #434190; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .lg\:focus\:placeholder-indigo-900:focus::placeholder { - color: #3c366b; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - color: #faf5ff; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - color: #e9d8fd; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - color: #d6bcfa; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - color: #b794f4; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1; + color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - color: #9f7aea; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1; + color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - color: #805ad5; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1; + color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - color: #6b46c1; + .lg\:hover\:text-red-400:hover { + --text-opacity: 1; + color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - color: #553c9a; + .lg\:hover\:text-red-500:hover { + --text-opacity: 1; + color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - color: #44337a; + .lg\:hover\:text-red-600:hover { + --text-opacity: 1; + color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - color: #fff5f7; + .lg\:hover\:text-red-700:hover { + --text-opacity: 1; + color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - color: #fed7e2; + .lg\:hover\:text-red-800:hover { + --text-opacity: 1; + color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - color: #fbb6ce; + .lg\:hover\:text-red-900:hover { + --text-opacity: 1; + color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - color: #f687b3; + .lg\:hover\:text-orange-100:hover { + --text-opacity: 1; + color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - color: #ed64a6; + .lg\:hover\:text-orange-200:hover { + --text-opacity: 1; + color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - color: #d53f8c; + .lg\:hover\:text-orange-300:hover { + --text-opacity: 1; + color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - color: #b83280; + .lg\:hover\:text-orange-400:hover { + --text-opacity: 1; + color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - color: #97266d; + .lg\:hover\:text-orange-500:hover { + --text-opacity: 1; + color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - color: #702459; + .lg\:hover\:text-orange-600:hover { + --text-opacity: 1; + color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:hover\:text-orange-700:hover { + --text-opacity: 1; + color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:hover\:text-orange-800:hover { + --text-opacity: 1; + color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .lg\:static { - position: static; + .lg\:hover\:text-orange-900:hover { + --text-opacity: 1; + color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .lg\:fixed { - position: fixed; + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .lg\:absolute { - position: absolute; + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .lg\:relative { - position: relative; + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .lg\:sticky { - position: sticky; + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:hover\:text-green-100:hover { + --text-opacity: 1; + color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .lg\:top-0 { - top: 0; + .lg\:hover\:text-green-200:hover { + --text-opacity: 1; + color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .lg\:right-0 { - right: 0; + .lg\:hover\:text-green-300:hover { + --text-opacity: 1; + color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .lg\:bottom-0 { - bottom: 0; + .lg\:hover\:text-green-400:hover { + --text-opacity: 1; + color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .lg\:left-0 { - left: 0; + .lg\:hover\:text-green-500:hover { + --text-opacity: 1; + color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .lg\:top-auto { - top: auto; + .lg\:hover\:text-green-600:hover { + --text-opacity: 1; + color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .lg\:right-auto { - right: auto; + .lg\:hover\:text-green-700:hover { + --text-opacity: 1; + color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .lg\:bottom-auto { - bottom: auto; + .lg\:hover\:text-green-800:hover { + --text-opacity: 1; + color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .lg\:left-auto { - left: auto; + .lg\:hover\:text-green-900:hover { + --text-opacity: 1; + color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .lg\:resize-none { - resize: none; + .lg\:hover\:text-teal-100:hover { + --text-opacity: 1; + color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .lg\:resize-y { - resize: vertical; + .lg\:hover\:text-teal-200:hover { + --text-opacity: 1; + color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .lg\:resize-x { - resize: horizontal; + .lg\:hover\:text-teal-300:hover { + --text-opacity: 1; + color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .lg\:resize { - resize: both; + .lg\:hover\:text-teal-400:hover { + --text-opacity: 1; + color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-teal-500:hover { + --text-opacity: 1; + color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:hover\:text-teal-600:hover { + --text-opacity: 1; + color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .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\:hover\:text-teal-700:hover { + --text-opacity: 1; + color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .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\:hover\:text-teal-800:hover { + --text-opacity: 1; + color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .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\:hover\:text-teal-900:hover { + --text-opacity: 1; + color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .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\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .lg\:shadow-none { - box-shadow: none; + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .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\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .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\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .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\:hover\:text-indigo-100:hover { + --text-opacity: 1; + color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .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\:hover\:text-indigo-200:hover { + --text-opacity: 1; + color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-indigo-300:hover { + --text-opacity: 1; + color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-indigo-400:hover { + --text-opacity: 1; + color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-indigo-500:hover { + --text-opacity: 1; + color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:hover\:text-indigo-600:hover { + --text-opacity: 1; + color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-indigo-700:hover { + --text-opacity: 1; + color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:hover\:text-indigo-800:hover { + --text-opacity: 1; + color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .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\:text-indigo-900:hover { + --text-opacity: 1; + color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .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\:text-purple-100:hover { + --text-opacity: 1; + color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .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\:text-purple-200:hover { + --text-opacity: 1; + color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .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\:text-purple-300:hover { + --text-opacity: 1; + color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .lg\:fill-current { - fill: currentColor; + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .lg\:stroke-current { - stroke: currentColor; + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .lg\:stroke-0 { - stroke-width: 0; + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .lg\:stroke-1 { - stroke-width: 1; + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .lg\:stroke-2 { - stroke-width: 2; + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .lg\:table-auto { - table-layout: auto; + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .lg\:table-fixed { - table-layout: fixed; + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .lg\:text-left { - text-align: left; + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .lg\:text-center { - text-align: center; + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .lg\:text-right { - text-align: right; + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .lg\:text-justify { - text-align: justify; + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .lg\:text-transparent { + .lg\:focus\:text-transparent:focus { color: transparent; } - .lg\:text-black { + .lg\:focus\:text-current:focus { + color: currentColor; + } + + .lg\:focus\:text-black:focus { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:text-white { + .lg\:focus\:text-white:focus { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:text-gray-100 { + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } - .lg\:text-gray-200 { + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } - .lg\:text-gray-300 { + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } - .lg\:text-gray-400 { + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } - .lg\:text-gray-500 { + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } - .lg\:text-gray-600 { + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } - .lg\:text-gray-700 { + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } - .lg\:text-gray-800 { + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } - .lg\:text-gray-900 { + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } - .lg\:text-red-100 { + .lg\:focus\:text-red-100:focus { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } - .lg\:text-red-200 { + .lg\:focus\:text-red-200:focus { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } - .lg\:text-red-300 { + .lg\:focus\:text-red-300:focus { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } - .lg\:text-red-400 { + .lg\:focus\:text-red-400:focus { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } - .lg\:text-red-500 { + .lg\:focus\:text-red-500:focus { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } - .lg\:text-red-600 { + .lg\:focus\:text-red-600:focus { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } - .lg\:text-red-700 { + .lg\:focus\:text-red-700:focus { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } - .lg\:text-red-800 { + .lg\:focus\:text-red-800:focus { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } - .lg\:text-red-900 { + .lg\:focus\:text-red-900:focus { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } - .lg\:text-orange-100 { + .lg\:focus\:text-orange-100:focus { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } - .lg\:text-orange-200 { + .lg\:focus\:text-orange-200:focus { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } - .lg\:text-orange-300 { + .lg\:focus\:text-orange-300:focus { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } - .lg\:text-orange-400 { + .lg\:focus\:text-orange-400:focus { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } - .lg\:text-orange-500 { + .lg\:focus\:text-orange-500:focus { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } - .lg\:text-orange-600 { + .lg\:focus\:text-orange-600:focus { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } - .lg\:text-orange-700 { + .lg\:focus\:text-orange-700:focus { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } - .lg\:text-orange-800 { + .lg\:focus\:text-orange-800:focus { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } - .lg\:text-orange-900 { + .lg\:focus\:text-orange-900:focus { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } - .lg\:text-yellow-100 { + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } - .lg\:text-yellow-200 { + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } - .lg\:text-yellow-300 { + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } - .lg\:text-yellow-400 { + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } - .lg\:text-yellow-500 { + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } - .lg\:text-yellow-600 { + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } - .lg\:text-yellow-700 { + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } - .lg\:text-yellow-800 { + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } - .lg\:text-yellow-900 { + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } - .lg\:text-green-100 { + .lg\:focus\:text-green-100:focus { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } - .lg\:text-green-200 { + .lg\:focus\:text-green-200:focus { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } - .lg\:text-green-300 { + .lg\:focus\:text-green-300:focus { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } - .lg\:text-green-400 { + .lg\:focus\:text-green-400:focus { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } - .lg\:text-green-500 { + .lg\:focus\:text-green-500:focus { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } - .lg\:text-green-600 { + .lg\:focus\:text-green-600:focus { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } - .lg\:text-green-700 { + .lg\:focus\:text-green-700:focus { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } - .lg\:text-green-800 { + .lg\:focus\:text-green-800:focus { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } - .lg\:text-green-900 { + .lg\:focus\:text-green-900:focus { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } - .lg\:text-teal-100 { + .lg\:focus\:text-teal-100:focus { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } - .lg\:text-teal-200 { + .lg\:focus\:text-teal-200:focus { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } - .lg\:text-teal-300 { + .lg\:focus\:text-teal-300:focus { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } - .lg\:text-teal-400 { + .lg\:focus\:text-teal-400:focus { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } - .lg\:text-teal-500 { + .lg\:focus\:text-teal-500:focus { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } - .lg\:text-teal-600 { + .lg\:focus\:text-teal-600:focus { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } - .lg\:text-teal-700 { + .lg\:focus\:text-teal-700:focus { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } - .lg\:text-teal-800 { + .lg\:focus\:text-teal-800:focus { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } - .lg\:text-teal-900 { + .lg\:focus\:text-teal-900:focus { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } - .lg\:text-blue-100 { + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } - .lg\:text-blue-200 { + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } - .lg\:text-blue-300 { + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } - .lg\:text-blue-400 { + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } - .lg\:text-blue-500 { + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } - .lg\:text-blue-600 { + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } - .lg\:text-blue-700 { + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } - .lg\:text-blue-800 { + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } - .lg\:text-blue-900 { + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } - .lg\:text-indigo-100 { + .lg\:focus\:text-indigo-100:focus { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } - .lg\:text-indigo-200 { + .lg\:focus\:text-indigo-200:focus { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } - .lg\:text-indigo-300 { + .lg\:focus\:text-indigo-300:focus { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } - .lg\:text-indigo-400 { + .lg\:focus\:text-indigo-400:focus { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } - .lg\:text-indigo-500 { + .lg\:focus\:text-indigo-500:focus { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } - .lg\:text-indigo-600 { + .lg\:focus\:text-indigo-600:focus { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } - .lg\:text-indigo-700 { + .lg\:focus\:text-indigo-700:focus { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } - .lg\:text-indigo-800 { + .lg\:focus\:text-indigo-800:focus { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } - .lg\:text-indigo-900 { + .lg\:focus\:text-indigo-900:focus { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } - .lg\:text-purple-100 { + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } - .lg\:text-purple-200 { + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } - .lg\:text-purple-300 { + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } - .lg\:text-purple-400 { + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } - .lg\:text-purple-500 { + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } - .lg\:text-purple-600 { + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } - .lg\:text-purple-700 { + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } - .lg\:text-purple-800 { + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } - .lg\:text-purple-900 { + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } - .lg\:text-pink-100 { + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } - .lg\:text-pink-200 { + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } - .lg\:text-pink-300 { + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } - .lg\:text-pink-400 { + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } - .lg\:text-pink-500 { + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } - .lg\:text-pink-600 { + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } - .lg\:text-pink-700 { + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } - .lg\:text-pink-800 { + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } - .lg\:text-pink-900 { + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .lg\:hover\:text-transparent:hover { - color: transparent; - } - - .lg\:hover\:text-black:hover { - color: #000; - } - - .lg\:hover\:text-white:hover { - color: #fff; - } - - .lg\:hover\:text-gray-100:hover { - color: #f7fafc; - } - - .lg\:hover\:text-gray-200:hover { - color: #edf2f7; - } - - .lg\:hover\:text-gray-300:hover { - color: #e2e8f0; - } - - .lg\:hover\:text-gray-400:hover { - color: #cbd5e0; - } - - .lg\:hover\:text-gray-500:hover { - color: #a0aec0; - } - - .lg\:hover\:text-gray-600:hover { - color: #718096; - } - - .lg\:hover\:text-gray-700:hover { - color: #4a5568; - } - - .lg\:hover\:text-gray-800:hover { - color: #2d3748; - } - - .lg\:hover\:text-gray-900:hover { - color: #1a202c; - } - - .lg\:hover\:text-red-100:hover { - color: #fff5f5; - } - - .lg\:hover\:text-red-200:hover { - color: #fed7d7; - } - - .lg\:hover\:text-red-300:hover { - color: #feb2b2; - } - - .lg\:hover\:text-red-400:hover { - color: #fc8181; - } - - .lg\:hover\:text-red-500:hover { - color: #f56565; - } - - .lg\:hover\:text-red-600:hover { - color: #e53e3e; - } - - .lg\:hover\:text-red-700:hover { - color: #c53030; + .lg\:text-opacity-0 { + --text-opacity: 0; } - .lg\:hover\:text-red-800:hover { - color: #9b2c2c; + .lg\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:hover\:text-red-900:hover { - color: #742a2a; + .lg\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:hover\:text-orange-100:hover { - color: #fffaf0; + .lg\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:hover\:text-orange-200:hover { - color: #feebc8; + .lg\:text-opacity-100 { + --text-opacity: 1; } - .lg\:hover\:text-orange-300:hover { - color: #fbd38d; + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .lg\:hover\:text-orange-400:hover { - color: #f6ad55; + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .lg\:hover\:text-orange-500:hover { - color: #ed8936; + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .lg\:hover\:text-orange-600:hover { - color: #dd6b20; + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .lg\:hover\:text-orange-700:hover { - color: #c05621; + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .lg\:hover\:text-orange-800:hover { - color: #9c4221; + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .lg\:hover\:text-orange-900:hover { - color: #7b341e; + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .lg\:hover\:text-yellow-100:hover { - color: #fffff0; + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .lg\:hover\:text-yellow-200:hover { - color: #fefcbf; + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .lg\:hover\:text-yellow-300:hover { - color: #faf089; + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .lg\:hover\:text-yellow-400:hover { - color: #f6e05e; + .lg\:italic { + font-style: italic; } - .lg\:hover\:text-yellow-500:hover { - color: #ecc94b; + .lg\:not-italic { + font-style: normal; } - .lg\:hover\:text-yellow-600:hover { - color: #d69e2e; + .lg\:uppercase { + text-transform: uppercase; } - .lg\:hover\:text-yellow-700:hover { - color: #b7791f; + .lg\:lowercase { + text-transform: lowercase; } - .lg\:hover\:text-yellow-800:hover { - color: #975a16; + .lg\:capitalize { + text-transform: capitalize; } - .lg\:hover\:text-yellow-900:hover { - color: #744210; + .lg\:normal-case { + text-transform: none; } - .lg\:hover\:text-green-100:hover { - color: #f0fff4; + .lg\:underline { + text-decoration: underline; } - .lg\:hover\:text-green-200:hover { - color: #c6f6d5; + .lg\:line-through { + text-decoration: line-through; } - .lg\:hover\:text-green-300:hover { - color: #9ae6b4; + .lg\:no-underline { + text-decoration: none; } - .lg\:hover\:text-green-400:hover { - color: #68d391; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .lg\:hover\:text-green-500:hover { - color: #48bb78; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:hover\:text-green-600:hover { - color: #38a169; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:hover\:text-green-700:hover { - color: #2f855a; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .lg\:hover\:text-green-800:hover { - color: #276749; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:hover\:text-green-900:hover { - color: #22543d; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:hover\:text-teal-100:hover { - color: #e6fffa; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:hover\:text-teal-200:hover { - color: #b2f5ea; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:hover\:text-teal-300:hover { - color: #81e6d9; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:hover\:text-teal-400:hover { - color: #4fd1c5; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:hover\:text-teal-500:hover { - color: #38b2ac; + .lg\:tracking-normal { + letter-spacing: 0; } - .lg\:hover\:text-teal-600:hover { - color: #319795; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:hover\:text-teal-700:hover { - color: #2c7a7b; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:hover\:text-teal-800:hover { - color: #285e61; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:hover\:text-teal-900:hover { - color: #234e52; + .lg\:select-none { + user-select: none; } - .lg\:hover\:text-blue-100:hover { - color: #ebf8ff; + .lg\:select-text { + user-select: text; } - .lg\:hover\:text-blue-200:hover { - color: #bee3f8; + .lg\:select-all { + user-select: all; } - .lg\:hover\:text-blue-300:hover { - color: #90cdf4; + .lg\:select-auto { + user-select: auto; } - .lg\:hover\:text-blue-400:hover { - color: #63b3ed; + .lg\:align-baseline { + vertical-align: baseline; } - .lg\:hover\:text-blue-500:hover { - color: #4299e1; + .lg\:align-top { + vertical-align: top; } - .lg\:hover\:text-blue-600:hover { - color: #3182ce; + .lg\:align-middle { + vertical-align: middle; } - .lg\:hover\:text-blue-700:hover { - color: #2b6cb0; + .lg\:align-bottom { + vertical-align: bottom; } - .lg\:hover\:text-blue-800:hover { - color: #2c5282; + .lg\:align-text-top { + vertical-align: text-top; } - .lg\:hover\:text-blue-900:hover { - color: #2a4365; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:hover\:text-indigo-100:hover { - color: #ebf4ff; + .lg\:visible { + visibility: visible; } - .lg\:hover\:text-indigo-200:hover { - color: #c3dafe; + .lg\:invisible { + visibility: hidden; } - .lg\:hover\:text-indigo-300:hover { - color: #a3bffa; + .lg\:whitespace-normal { + white-space: normal; } - .lg\:hover\:text-indigo-400:hover { - color: #7f9cf5; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:hover\:text-indigo-500:hover { - color: #667eea; + .lg\:whitespace-pre { + white-space: pre; } - .lg\:hover\:text-indigo-600:hover { - color: #5a67d8; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .lg\:hover\:text-indigo-700:hover { - color: #4c51bf; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:hover\:text-indigo-800:hover { - color: #434190; + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:hover\:text-indigo-900:hover { - color: #3c366b; + .lg\:break-words { + overflow-wrap: break-word; } - .lg\:hover\:text-purple-100:hover { - color: #faf5ff; + .lg\:break-all { + word-break: break-all; } - .lg\:hover\:text-purple-200:hover { - color: #e9d8fd; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:hover\:text-purple-300:hover { - color: #d6bcfa; + .lg\:w-0 { + width: 0; } - .lg\:hover\:text-purple-400:hover { - color: #b794f4; + .lg\:w-1 { + width: 0.25rem; } - .lg\:hover\:text-purple-500:hover { - color: #9f7aea; + .lg\:w-2 { + width: 0.5rem; } - .lg\:hover\:text-purple-600:hover { - color: #805ad5; + .lg\:w-3 { + width: 0.75rem; } - .lg\:hover\:text-purple-700:hover { - color: #6b46c1; + .lg\:w-4 { + width: 1rem; } - .lg\:hover\:text-purple-800:hover { - color: #553c9a; + .lg\:w-5 { + width: 1.25rem; } - .lg\:hover\:text-purple-900:hover { - color: #44337a; + .lg\:w-6 { + width: 1.5rem; } - .lg\:hover\:text-pink-100:hover { - color: #fff5f7; + .lg\:w-8 { + width: 2rem; } - .lg\:hover\:text-pink-200:hover { - color: #fed7e2; + .lg\:w-10 { + width: 2.5rem; } - .lg\:hover\:text-pink-300:hover { - color: #fbb6ce; + .lg\:w-12 { + width: 3rem; } - .lg\:hover\:text-pink-400:hover { - color: #f687b3; + .lg\:w-16 { + width: 4rem; } - .lg\:hover\:text-pink-500:hover { - color: #ed64a6; + .lg\:w-20 { + width: 5rem; } - .lg\:hover\:text-pink-600:hover { - color: #d53f8c; + .lg\:w-24 { + width: 6rem; } - .lg\:hover\:text-pink-700:hover { - color: #b83280; + .lg\:w-32 { + width: 8rem; } - .lg\:hover\:text-pink-800:hover { - color: #97266d; + .lg\:w-40 { + width: 10rem; } - .lg\:hover\:text-pink-900:hover { - color: #702459; + .lg\:w-48 { + width: 12rem; } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:w-56 { + width: 14rem; } - .lg\:focus\:text-black:focus { - color: #000; + .lg\:w-64 { + width: 16rem; } - .lg\:focus\:text-white:focus { - color: #fff; + .lg\:w-auto { + width: auto; } - .lg\:focus\:text-gray-100:focus { - color: #f7fafc; + .lg\:w-px { + width: 1px; } - .lg\:focus\:text-gray-200:focus { - color: #edf2f7; + .lg\:w-1\/2 { + width: 50%; } - .lg\:focus\:text-gray-300:focus { - color: #e2e8f0; + .lg\:w-1\/3 { + width: 33.333333%; } - .lg\:focus\:text-gray-400:focus { - color: #cbd5e0; + .lg\:w-2\/3 { + width: 66.666667%; } - .lg\:focus\:text-gray-500:focus { - color: #a0aec0; + .lg\:w-1\/4 { + width: 25%; } - .lg\:focus\:text-gray-600:focus { - color: #718096; + .lg\:w-2\/4 { + width: 50%; } - .lg\:focus\:text-gray-700:focus { - color: #4a5568; + .lg\:w-3\/4 { + width: 75%; } - .lg\:focus\:text-gray-800:focus { - color: #2d3748; + .lg\:w-1\/5 { + width: 20%; } - .lg\:focus\:text-gray-900:focus { - color: #1a202c; + .lg\:w-2\/5 { + width: 40%; } - .lg\:focus\:text-red-100:focus { - color: #fff5f5; + .lg\:w-3\/5 { + width: 60%; } - .lg\:focus\:text-red-200:focus { - color: #fed7d7; + .lg\:w-4\/5 { + width: 80%; } - .lg\:focus\:text-red-300:focus { - color: #feb2b2; + .lg\:w-1\/6 { + width: 16.666667%; } - .lg\:focus\:text-red-400:focus { - color: #fc8181; + .lg\:w-2\/6 { + width: 33.333333%; } - .lg\:focus\:text-red-500:focus { - color: #f56565; + .lg\:w-3\/6 { + width: 50%; } - .lg\:focus\:text-red-600:focus { - color: #e53e3e; + .lg\:w-4\/6 { + width: 66.666667%; } - .lg\:focus\:text-red-700:focus { - color: #c53030; + .lg\:w-5\/6 { + width: 83.333333%; } - .lg\:focus\:text-red-800:focus { - color: #9b2c2c; + .lg\:w-1\/12 { + width: 8.333333%; } - .lg\:focus\:text-red-900:focus { - color: #742a2a; + .lg\:w-2\/12 { + width: 16.666667%; } - .lg\:focus\:text-orange-100:focus { - color: #fffaf0; + .lg\:w-3\/12 { + width: 25%; } - .lg\:focus\:text-orange-200:focus { - color: #feebc8; + .lg\:w-4\/12 { + width: 33.333333%; } - .lg\:focus\:text-orange-300:focus { - color: #fbd38d; + .lg\:w-5\/12 { + width: 41.666667%; } - .lg\:focus\:text-orange-400:focus { - color: #f6ad55; + .lg\:w-6\/12 { + width: 50%; } - .lg\:focus\:text-orange-500:focus { - color: #ed8936; + .lg\:w-7\/12 { + width: 58.333333%; } - .lg\:focus\:text-orange-600:focus { - color: #dd6b20; + .lg\:w-8\/12 { + width: 66.666667%; } - .lg\:focus\:text-orange-700:focus { - color: #c05621; + .lg\:w-9\/12 { + width: 75%; } - .lg\:focus\:text-orange-800:focus { - color: #9c4221; + .lg\:w-10\/12 { + width: 83.333333%; } - .lg\:focus\:text-orange-900:focus { - color: #7b341e; + .lg\:w-11\/12 { + width: 91.666667%; } - .lg\:focus\:text-yellow-100:focus { - color: #fffff0; + .lg\:w-full { + width: 100%; } - .lg\:focus\:text-yellow-200:focus { - color: #fefcbf; + .lg\:w-screen { + width: 100vw; } - .lg\:focus\:text-yellow-300:focus { - color: #faf089; + .lg\:z-0 { + z-index: 0; } - .lg\:focus\:text-yellow-400:focus { - color: #f6e05e; + .lg\:z-10 { + z-index: 10; } - .lg\:focus\:text-yellow-500:focus { - color: #ecc94b; + .lg\:z-20 { + z-index: 20; } - .lg\:focus\:text-yellow-600:focus { - color: #d69e2e; + .lg\:z-30 { + z-index: 30; } - .lg\:focus\:text-yellow-700:focus { - color: #b7791f; + .lg\:z-40 { + z-index: 40; } - .lg\:focus\:text-yellow-800:focus { - color: #975a16; + .lg\:z-50 { + z-index: 50; } - .lg\:focus\:text-yellow-900:focus { - color: #744210; + .lg\:z-auto { + z-index: auto; } - .lg\:focus\:text-green-100:focus { - color: #f0fff4; + .lg\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:focus\:text-green-200:focus { - color: #c6f6d5; + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:focus\:text-green-300:focus { - color: #9ae6b4; + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:focus\:text-green-400:focus { - color: #68d391; + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:focus\:text-green-500:focus { - color: #48bb78; + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:focus\:text-green-600:focus { - color: #38a169; + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:focus\:text-green-700:focus { - color: #2f855a; + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:focus\:text-green-800:focus { - color: #276749; + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:focus\:text-green-900:focus { - color: #22543d; + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:focus\:text-teal-100:focus { - color: #e6fffa; + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:focus\:text-teal-200:focus { - color: #b2f5ea; + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:focus\:text-teal-300:focus { - color: #81e6d9; + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:focus\:text-teal-400:focus { - color: #4fd1c5; + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:focus\:text-teal-500:focus { - color: #38b2ac; + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:focus\:text-teal-600:focus { - color: #319795; + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:focus\:text-teal-700:focus { - color: #2c7a7b; + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:focus\:text-teal-800:focus { - color: #285e61; + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:focus\:text-teal-900:focus { - color: #234e52; + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:focus\:text-blue-100:focus { - color: #ebf8ff; + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:focus\:text-blue-200:focus { - color: #bee3f8; + .lg\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:focus\:text-blue-300:focus { - color: #90cdf4; + .lg\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:focus\:text-blue-400:focus { - color: #63b3ed; + .lg\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:focus\:text-blue-500:focus { - color: #4299e1; + .lg\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:focus\:text-blue-600:focus { - color: #3182ce; + .lg\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:focus\:text-blue-700:focus { - color: #2b6cb0; + .lg\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:focus\:text-blue-800:focus { - color: #2c5282; + .lg\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:focus\:text-blue-900:focus { - color: #2a4365; + .lg\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .lg\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:focus\:text-indigo-200:focus { - color: #c3dafe; + .lg\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:focus\:text-indigo-300:focus { - color: #a3bffa; + .lg\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .lg\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:focus\:text-indigo-500:focus { - color: #667eea; + .lg\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:focus\:text-indigo-600:focus { - color: #5a67d8; + .lg\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:focus\:text-indigo-700:focus { - color: #4c51bf; + .lg\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:focus\:text-indigo-800:focus { - color: #434190; + .lg\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:focus\:text-indigo-900:focus { - color: #3c366b; + .lg\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:focus\:text-purple-100:focus { - color: #faf5ff; + .lg\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:focus\:text-purple-200:focus { - color: #e9d8fd; + .lg\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:focus\:text-purple-300:focus { - color: #d6bcfa; + .lg\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:focus\:text-purple-400:focus { - color: #b794f4; + .lg\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:focus\:text-purple-500:focus { - color: #9f7aea; + .lg\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:focus\:text-purple-600:focus { - color: #805ad5; + .lg\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:focus\:text-purple-700:focus { - color: #6b46c1; + .lg\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:focus\:text-purple-800:focus { - color: #553c9a; + .lg\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:focus\:text-purple-900:focus { - color: #44337a; + .lg\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:focus\:text-pink-100:focus { - color: #fff5f7; + .lg\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:focus\:text-pink-200:focus { - color: #fed7e2; + .lg\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:focus\:text-pink-300:focus { - color: #fbb6ce; + .lg\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:focus\:text-pink-400:focus { - color: #f687b3; + .lg\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:focus\:text-pink-500:focus { - color: #ed64a6; + .lg\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:focus\:text-pink-600:focus { - color: #d53f8c; + .lg\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:focus\:text-pink-700:focus { - color: #b83280; + .lg\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:focus\:text-pink-800:focus { - color: #97266d; + .lg\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:focus\:text-pink-900:focus { - color: #702459; + .lg\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:text-xs { - font-size: 0.75rem; + .lg\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:text-sm { - font-size: 0.875rem; + .lg\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:text-base { - font-size: 1rem; + .lg\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:text-lg { - font-size: 1.125rem; + .lg\:grid-flow-row { + grid-auto-flow: row; } - .lg\:text-xl { - font-size: 1.25rem; + .lg\:grid-flow-col { + grid-auto-flow: column; } - .lg\:text-2xl { - font-size: 1.5rem; + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:text-3xl { - font-size: 1.875rem; + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:text-4xl { - font-size: 2.25rem; + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:text-5xl { - font-size: 3rem; + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:text-6xl { - font-size: 4rem; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:italic { - font-style: italic; + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:not-italic { - font-style: normal; + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:uppercase { - text-transform: uppercase; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:lowercase { - text-transform: lowercase; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:capitalize { - text-transform: capitalize; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:normal-case { - text-transform: none; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:underline { - text-decoration: underline; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:line-through { - text-decoration: line-through; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:no-underline { - text-decoration: none; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:grid-cols-none { + grid-template-columns: none; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:col-auto { + grid-column: auto; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:select-none { - user-select: none; + .lg\:col-start-1 { + grid-column-start: 1; } - .lg\:select-text { - user-select: text; + .lg\:col-start-2 { + grid-column-start: 2; } - .lg\:select-all { - user-select: all; + .lg\:col-start-3 { + grid-column-start: 3; } - .lg\:select-auto { - user-select: auto; + .lg\:col-start-4 { + grid-column-start: 4; } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:col-start-5 { + grid-column-start: 5; } - .lg\:align-top { - vertical-align: top; + .lg\:col-start-6 { + grid-column-start: 6; } - .lg\:align-middle { - vertical-align: middle; + .lg\:col-start-7 { + grid-column-start: 7; } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:col-start-8 { + grid-column-start: 8; } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:col-start-9 { + grid-column-start: 9; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:col-start-10 { + grid-column-start: 10; } - .lg\:visible { - visibility: visible; + .lg\:col-start-11 { + grid-column-start: 11; } - .lg\:invisible { - visibility: hidden; + .lg\:col-start-12 { + grid-column-start: 12; } - .lg\:whitespace-normal { - white-space: normal; + .lg\:col-start-13 { + grid-column-start: 13; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:col-start-auto { + grid-column-start: auto; } - .lg\:whitespace-pre { - white-space: pre; + .lg\:col-end-1 { + grid-column-end: 1; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:col-end-2 { + grid-column-end: 2; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:col-end-3 { + grid-column-end: 3; } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:col-end-4 { + grid-column-end: 4; } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:col-end-5 { + grid-column-end: 5; } - .lg\:break-all { - word-break: break-all; + .lg\:col-end-6 { + grid-column-end: 6; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:col-end-7 { + grid-column-end: 7; } - .lg\:w-0 { - width: 0; + .lg\:col-end-8 { + grid-column-end: 8; } - .lg\:w-1 { - width: 0.25rem; + .lg\:col-end-9 { + grid-column-end: 9; } - .lg\:w-2 { - width: 0.5rem; + .lg\:col-end-10 { + grid-column-end: 10; } - .lg\:w-3 { - width: 0.75rem; + .lg\:col-end-11 { + grid-column-end: 11; } - .lg\:w-4 { - width: 1rem; + .lg\:col-end-12 { + grid-column-end: 12; } - .lg\:w-5 { - width: 1.25rem; + .lg\:col-end-13 { + grid-column-end: 13; } - .lg\:w-6 { - width: 1.5rem; + .lg\:col-end-auto { + grid-column-end: auto; } - .lg\:w-8 { - width: 2rem; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:w-10 { - width: 2.5rem; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:w-12 { - width: 3rem; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:w-16 { - width: 4rem; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:w-20 { - width: 5rem; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:w-24 { - width: 6rem; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:w-32 { - width: 8rem; + .lg\:grid-rows-none { + grid-template-rows: none; } - .lg\:w-40 { - width: 10rem; + .lg\:row-auto { + grid-row: auto; } - .lg\:w-48 { - width: 12rem; + .lg\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:w-56 { - width: 14rem; + .lg\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:w-64 { - width: 16rem; + .lg\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:w-auto { - width: auto; + .lg\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:w-px { - width: 1px; + .lg\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:w-1\/2 { - width: 50%; + .lg\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:row-start-1 { + grid-row-start: 1; } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:row-start-2 { + grid-row-start: 2; } - .lg\:w-1\/4 { - width: 25%; + .lg\:row-start-3 { + grid-row-start: 3; } - .lg\:w-2\/4 { - width: 50%; + .lg\:row-start-4 { + grid-row-start: 4; } - .lg\:w-3\/4 { - width: 75%; + .lg\:row-start-5 { + grid-row-start: 5; } - .lg\:w-1\/5 { - width: 20%; + .lg\:row-start-6 { + grid-row-start: 6; } - .lg\:w-2\/5 { - width: 40%; + .lg\:row-start-7 { + grid-row-start: 7; } - .lg\:w-3\/5 { - width: 60%; + .lg\:row-start-auto { + grid-row-start: auto; } - .lg\:w-4\/5 { - width: 80%; + .lg\:row-end-1 { + grid-row-end: 1; } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:row-end-2 { + grid-row-end: 2; } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:row-end-3 { + grid-row-end: 3; } - .lg\:w-3\/6 { - width: 50%; + .lg\:row-end-4 { + grid-row-end: 4; } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:row-end-5 { + grid-row-end: 5; } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:row-end-6 { + grid-row-end: 6; } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:row-end-7 { + grid-row-end: 7; } - .lg\:w-2\/12 { - width: 16.666667%; + .lg\:row-end-auto { + grid-row-end: auto; } - .lg\:w-3\/12 { - width: 25%; + .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\:w-4\/12 { - width: 33.333333%; + .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\:w-5\/12 { - width: 41.666667%; + .lg\:transform-none { + transform: none; } - .lg\:w-6\/12 { - width: 50%; + .lg\:origin-center { + transform-origin: center; } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:origin-top { + transform-origin: top; } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:origin-top-right { + transform-origin: top right; } - .lg\:w-9\/12 { - width: 75%; + .lg\:origin-right { + transform-origin: right; } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:origin-bottom { + transform-origin: bottom; } - .lg\:w-full { - width: 100%; + .lg\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:w-screen { - width: 100vw; + .lg\:origin-left { + transform-origin: left; } - .lg\:z-0 { - z-index: 0; + .lg\:origin-top-left { + transform-origin: top left; } - .lg\:z-10 { - z-index: 10; + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:z-20 { - z-index: 20; + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:z-30 { - z-index: 30; + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:z-40 { - z-index: 40; + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:z-50 { - z-index: 50; + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:z-auto { - z-index: auto; + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .lg\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .lg\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:grid-cols-none { - grid-template-columns: none; + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:col-auto { - grid-column: auto; + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:rotate-0 { + --transform-rotate: 0; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:col-start-1 { - grid-column-start: 1; + .lg\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:col-start-2 { - grid-column-start: 2; + .lg\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:col-start-3 { - grid-column-start: 3; + .lg\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:col-start-4 { - grid-column-start: 4; + .lg\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:col-start-5 { - grid-column-start: 5; + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:col-start-6 { - grid-column-start: 6; + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:col-start-7 { - grid-column-start: 7; + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:col-start-8 { - grid-column-start: 8; + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:col-start-9 { - grid-column-start: 9; + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:col-start-10 { - grid-column-start: 10; + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:col-start-11 { - grid-column-start: 11; + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:col-start-12 { - grid-column-start: 12; + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:col-start-13 { - grid-column-start: 13; + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:col-start-auto { - grid-column-start: auto; + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:col-end-1 { - grid-column-end: 1; + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:col-end-2 { - grid-column-end: 2; + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:col-end-3 { - grid-column-end: 3; + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:col-end-4 { - grid-column-end: 4; + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:col-end-5 { - grid-column-end: 5; + .lg\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:col-end-6 { - grid-column-end: 6; + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:col-end-7 { - grid-column-end: 7; + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:col-end-8 { - grid-column-end: 8; + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:col-end-9 { - grid-column-end: 9; + .lg\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:col-end-10 { - grid-column-end: 10; + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:col-end-11 { - grid-column-end: 11; + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:col-end-12 { - grid-column-end: 12; + .lg\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:col-end-13 { - grid-column-end: 13; + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:col-end-auto { - grid-column-end: auto; + .lg\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:grid-rows-none { - grid-template-rows: none; + .lg\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:row-auto { - grid-row: auto; + .lg\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:row-start-1 { - grid-row-start: 1; + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:row-start-2 { - grid-row-start: 2; + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:row-start-3 { - grid-row-start: 3; + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:row-start-4 { - grid-row-start: 4; + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:row-start-5 { - grid-row-start: 5; + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:row-start-6 { - grid-row-start: 6; + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:row-start-7 { - grid-row-start: 7; + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:row-start-auto { - grid-row-start: auto; + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:row-end-1 { - grid-row-end: 1; + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:row-end-2 { - grid-row-end: 2; + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:row-end-3 { - grid-row-end: 3; + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:row-end-4 { - grid-row-end: 4; + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:row-end-5 { - grid-row-end: 5; + .lg\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:row-end-6 { - grid-row-end: 6; + .lg\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:row-end-7 { - grid-row-end: 7; + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:row-end-auto { - grid-row-end: auto; + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .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\:translate-x-full { + --transform-translate-x: 100%; } - .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\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:transform-none { - transform: none; + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:origin-center { - transform-origin: center; + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:origin-top { - transform-origin: top; + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:origin-top-right { - transform-origin: top right; + .lg\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:origin-right { - transform-origin: right; + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:origin-bottom { - transform-origin: bottom; + .lg\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:origin-left { - transform-origin: left; + .lg\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:origin-top-left { - transform-origin: top left; + .lg\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; + } + + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .lg\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .lg\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:rotate-0 { - --transform-rotate: 0; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:translate-x-0 { + .lg\:focus\:translate-x-0:focus { --transform-translate-x: 0; } - .lg\:translate-x-1 { + .lg\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem; } - .lg\:translate-x-2 { + .lg\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem; } - .lg\:translate-x-3 { + .lg\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem; } - .lg\:translate-x-4 { + .lg\:focus\:translate-x-4:focus { --transform-translate-x: 1rem; } - .lg\:translate-x-5 { + .lg\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem; } - .lg\:translate-x-6 { + .lg\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem; } - .lg\:translate-x-8 { + .lg\:focus\:translate-x-8:focus { --transform-translate-x: 2rem; } - .lg\:translate-x-10 { + .lg\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem; } - .lg\:translate-x-12 { + .lg\:focus\:translate-x-12:focus { --transform-translate-x: 3rem; } - .lg\:translate-x-16 { + .lg\:focus\:translate-x-16:focus { --transform-translate-x: 4rem; } - .lg\:translate-x-20 { + .lg\:focus\:translate-x-20:focus { --transform-translate-x: 5rem; } - .lg\:translate-x-24 { + .lg\:focus\:translate-x-24:focus { --transform-translate-x: 6rem; } - .lg\:translate-x-32 { + .lg\:focus\:translate-x-32:focus { --transform-translate-x: 8rem; } - .lg\:translate-x-40 { + .lg\:focus\:translate-x-40:focus { --transform-translate-x: 10rem; } - .lg\:translate-x-48 { + .lg\:focus\:translate-x-48:focus { --transform-translate-x: 12rem; } - .lg\:translate-x-56 { + .lg\:focus\:translate-x-56:focus { --transform-translate-x: 14rem; } - .lg\:translate-x-64 { + .lg\:focus\:translate-x-64:focus { --transform-translate-x: 16rem; } - .lg\:translate-x-px { + .lg\:focus\:translate-x-px:focus { --transform-translate-x: 1px; } - .lg\:-translate-x-1 { + .lg\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem; } - .lg\:-translate-x-2 { + .lg\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem; } - .lg\:-translate-x-3 { + .lg\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem; } - .lg\:-translate-x-4 { + .lg\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem; } - .lg\:-translate-x-5 { + .lg\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem; } - .lg\:-translate-x-6 { + .lg\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem; } - .lg\:-translate-x-8 { + .lg\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem; } - .lg\:-translate-x-10 { + .lg\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem; } - .lg\:-translate-x-12 { + .lg\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem; } - .lg\:-translate-x-16 { + .lg\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem; } - .lg\:-translate-x-20 { + .lg\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem; } - .lg\:-translate-x-24 { + .lg\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem; } - .lg\:-translate-x-32 { + .lg\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem; } - .lg\:-translate-x-40 { + .lg\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem; } - .lg\:-translate-x-48 { + .lg\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem; } - .lg\:-translate-x-56 { + .lg\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem; } - .lg\:-translate-x-64 { + .lg\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem; } - .lg\:-translate-x-px { + .lg\:focus\:-translate-x-px:focus { --transform-translate-x: -1px; } - .lg\:-translate-x-full { + .lg\:focus\:-translate-x-full:focus { --transform-translate-x: -100%; } - .lg\:-translate-x-1\/2 { + .lg\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50%; } - .lg\:translate-x-1\/2 { + .lg\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50%; } - .lg\:translate-x-full { + .lg\:focus\:translate-x-full:focus { --transform-translate-x: 100%; } - .lg\:translate-y-0 { + .lg\:focus\:translate-y-0:focus { --transform-translate-y: 0; } - .lg\:translate-y-1 { + .lg\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem; } - .lg\:translate-y-2 { + .lg\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem; } - .lg\:translate-y-3 { + .lg\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem; } - .lg\:translate-y-4 { + .lg\:focus\:translate-y-4:focus { --transform-translate-y: 1rem; } - .lg\:translate-y-5 { + .lg\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem; } - .lg\:translate-y-6 { + .lg\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem; } - .lg\:translate-y-8 { + .lg\:focus\:translate-y-8:focus { --transform-translate-y: 2rem; } - .lg\:translate-y-10 { + .lg\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem; } - .lg\:translate-y-12 { + .lg\:focus\:translate-y-12:focus { --transform-translate-y: 3rem; } - .lg\:translate-y-16 { + .lg\:focus\:translate-y-16:focus { --transform-translate-y: 4rem; } - .lg\:translate-y-20 { + .lg\:focus\:translate-y-20:focus { --transform-translate-y: 5rem; } - .lg\:translate-y-24 { + .lg\:focus\:translate-y-24:focus { --transform-translate-y: 6rem; } - .lg\:translate-y-32 { + .lg\:focus\:translate-y-32:focus { --transform-translate-y: 8rem; } - .lg\:translate-y-40 { + .lg\:focus\:translate-y-40:focus { --transform-translate-y: 10rem; } - .lg\:translate-y-48 { + .lg\:focus\:translate-y-48:focus { --transform-translate-y: 12rem; } - .lg\:translate-y-56 { + .lg\:focus\:translate-y-56:focus { --transform-translate-y: 14rem; } - .lg\:translate-y-64 { + .lg\:focus\:translate-y-64:focus { --transform-translate-y: 16rem; } - .lg\:translate-y-px { + .lg\:focus\:translate-y-px:focus { --transform-translate-y: 1px; } - .lg\:-translate-y-1 { + .lg\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem; } - .lg\:-translate-y-2 { + .lg\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem; } - .lg\:-translate-y-3 { + .lg\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem; } - .lg\:-translate-y-4 { + .lg\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem; } - .lg\:-translate-y-5 { + .lg\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem; } - .lg\:-translate-y-6 { + .lg\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem; } - .lg\:-translate-y-8 { + .lg\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem; } - .lg\:-translate-y-10 { + .lg\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem; } - .lg\:-translate-y-12 { + .lg\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem; } - .lg\:-translate-y-16 { + .lg\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem; } - .lg\:-translate-y-20 { + .lg\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem; } - .lg\:-translate-y-24 { + .lg\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem; } - .lg\:-translate-y-32 { + .lg\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem; } - .lg\:-translate-y-40 { + .lg\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem; } - .lg\:-translate-y-48 { + .lg\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem; } - .lg\:-translate-y-56 { + .lg\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem; } - .lg\:-translate-y-64 { + .lg\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem; } - .lg\:-translate-y-px { + .lg\:focus\:-translate-y-px:focus { --transform-translate-y: -1px; } - .lg\:-translate-y-full { + .lg\:focus\:-translate-y-full:focus { --transform-translate-y: -100%; } - .lg\:-translate-y-1\/2 { + .lg\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50%; } - .lg\:translate-y-1\/2 { + .lg\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50%; } - .lg\:translate-y-full { + .lg\:focus\:translate-y-full:focus { --transform-translate-y: 100%; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .lg\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .lg\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .lg\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .lg\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .lg\:transition-none { + transition-property: none; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .lg\:transition-all { + transition-property: all; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .lg\:transition-opacity { + transition-property: opacity; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .lg\:transition-shadow { + transition-property: box-shadow; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .lg\:transition-transform { + transition-property: transform; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .lg\:ease-linear { + transition-timing-function: linear; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:duration-75 { + transition-duration: 75ms; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:duration-100 { + transition-duration: 100ms; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:duration-150 { + transition-duration: 150ms; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:duration-200 { + transition-duration: 200ms; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:duration-300 { + transition-duration: 300ms; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:duration-500 { + transition-duration: 500ms; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:duration-700 { + transition-duration: 700ms; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:duration-1000 { + transition-duration: 1000ms; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:delay-75 { + transition-delay: 75ms; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:delay-100 { + transition-delay: 100ms; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:delay-150 { + transition-delay: 150ms; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:delay-200 { + transition-delay: 200ms; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:delay-300 { + transition-delay: 300ms; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:delay-500 { + transition-delay: 500ms; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:delay-700 { + transition-delay: 700ms; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:delay-1000 { + transition-delay: 1000ms; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:example { + font-weight: 700; + color: #f56565; } +} - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; +@media (min-width: 1280px) { + .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\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0px * var(--space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .xl\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .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\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .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\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .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\:translate-x-8:focus { - --transform-translate-x: 2rem; + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .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\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .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\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .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\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .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\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .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\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .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\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .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\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .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\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .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\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .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\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .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\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .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\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .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\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .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\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .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\:-translate-x-full:focus { - --transform-translate-x: -100%; + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .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\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .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\:translate-y-0:focus { - --transform-translate-y: 0; + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .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\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:-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-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); + } + + .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\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; + } + + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; + } + + .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\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0px * var(--divide-x-reverse)); + border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); + } + + .xl\: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\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); + } + + .xl\: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\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); + } + + .xl\: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\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); + } + + .xl\: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\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); + } + + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #000; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--divide-opacity)); } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--divide-opacity)); } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--divide-opacity)); } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--divide-opacity)); } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--divide-opacity)); } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #718096; + border-color: rgba(113, 128, 150, var(--divide-opacity)); } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--divide-opacity)); } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--divide-opacity)); } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--divide-opacity)); } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--divide-opacity)); } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--divide-opacity)); } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--divide-opacity)); } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--divide-opacity)); } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f56565; + border-color: rgba(245, 101, 101, var(--divide-opacity)); } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--divide-opacity)); } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c53030; + border-color: rgba(197, 48, 48, var(--divide-opacity)); } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--divide-opacity)); } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--divide-opacity)); } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .xl\:divide-orange-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--divide-opacity)); } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .xl\:divide-orange-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--divide-opacity)); } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .xl\:divide-orange-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--divide-opacity)); } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .xl\:divide-orange-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--divide-opacity)); } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .xl\:divide-orange-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--divide-opacity)); } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .xl\:divide-orange-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--divide-opacity)); } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .xl\:divide-orange-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c05621; + border-color: rgba(192, 86, 33, var(--divide-opacity)); } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .xl\:divide-orange-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--divide-opacity)); } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .xl\:divide-orange-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--divide-opacity)); } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--divide-opacity)); } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--divide-opacity)); } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf089; + border-color: rgba(250, 240, 137, var(--divide-opacity)); } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--divide-opacity)); } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--divide-opacity)); } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--divide-opacity)); } - .lg\:skew-x-0 { - --transform-skew-x: 0; + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--divide-opacity)); } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #975a16; + border-color: rgba(151, 90, 22, var(--divide-opacity)); } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #744210; + border-color: rgba(116, 66, 16, var(--divide-opacity)); } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--divide-opacity)); } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--divide-opacity)); } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--divide-opacity)); } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #68d391; + border-color: rgba(104, 211, 145, var(--divide-opacity)); } - .lg\:skew-y-0 { - --transform-skew-y: 0; + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--divide-opacity)); } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38a169; + border-color: rgba(56, 161, 105, var(--divide-opacity)); } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--divide-opacity)); } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #276749; + border-color: rgba(39, 103, 73, var(--divide-opacity)); } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #22543d; + border-color: rgba(34, 84, 61, var(--divide-opacity)); } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; + .xl\:divide-teal-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--divide-opacity)); } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; + .xl\:divide-teal-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--divide-opacity)); } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .xl\:divide-teal-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--divide-opacity)); } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .xl\:divide-teal-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--divide-opacity)); } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .xl\:divide-teal-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--divide-opacity)); } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .xl\:divide-teal-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #319795; + border-color: rgba(49, 151, 149, var(--divide-opacity)); } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .xl\:divide-teal-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--divide-opacity)); } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .xl\:divide-teal-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #285e61; + border-color: rgba(40, 94, 97, var(--divide-opacity)); } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .xl\:divide-teal-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #234e52; + border-color: rgba(35, 78, 82, var(--divide-opacity)); } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--divide-opacity)); } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--divide-opacity)); } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--divide-opacity)); } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--divide-opacity)); } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--divide-opacity)); } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--divide-opacity)); } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--divide-opacity)); } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--divide-opacity)); } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--divide-opacity)); } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .xl\:divide-indigo-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--divide-opacity)); } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .xl\:divide-indigo-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--divide-opacity)); } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .xl\:divide-indigo-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--divide-opacity)); } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .xl\:divide-indigo-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--divide-opacity)); } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .xl\:divide-indigo-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #667eea; + border-color: rgba(102, 126, 234, var(--divide-opacity)); } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .xl\:divide-indigo-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--divide-opacity)); } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .xl\:divide-indigo-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--divide-opacity)); } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .xl\:divide-indigo-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #434190; + border-color: rgba(67, 65, 144, var(--divide-opacity)); } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .xl\:divide-indigo-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--divide-opacity)); } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--divide-opacity)); } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--divide-opacity)); } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--divide-opacity)); } - .lg\:transition-none { - transition-property: none; + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--divide-opacity)); } - .lg\:transition-all { - transition-property: all; + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--divide-opacity)); } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--divide-opacity)); } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--divide-opacity)); } - .lg\:transition-opacity { - transition-property: opacity; + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--divide-opacity)); } - .lg\:transition-shadow { - transition-property: box-shadow; + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #44337a; + border-color: rgba(68, 51, 122, var(--divide-opacity)); } - .lg\:transition-transform { - transition-property: transform; + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--divide-opacity)); } - .lg\:ease-linear { - transition-timing-function: linear; + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--divide-opacity)); } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--divide-opacity)); } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--divide-opacity)); } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--divide-opacity)); } - .lg\:duration-75 { - transition-duration: 75ms; + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--divide-opacity)); } - .lg\:duration-100 { - transition-duration: 100ms; + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #b83280; + border-color: rgba(184, 50, 128, var(--divide-opacity)); } - .lg\:duration-150 { - transition-duration: 150ms; + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #97266d; + border-color: rgba(151, 38, 109, var(--divide-opacity)); } - .lg\:duration-200 { - transition-duration: 200ms; + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: #702459; + border-color: rgba(112, 36, 89, var(--divide-opacity)); } - .lg\:duration-300 { - transition-duration: 300ms; + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .lg\:duration-500 { - transition-duration: 500ms; + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .lg\:duration-700 { - transition-duration: 700ms; + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .lg\:duration-1000 { - transition-duration: 1000ms; + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .lg\:example { - font-weight: 700; - color: #f56565; + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } -} -@media (min-width: 1280px) { .xl\:sr-only { position: absolute; width: 1px; @@ -41939,1116 +56766,1740 @@ video { background-color: transparent; } + .xl\:bg-current { + background-color: currentColor; + } + .xl\:bg-black { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .xl\:bg-white { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .xl\:bg-gray-100 { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .xl\:bg-gray-200 { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .xl\:bg-gray-300 { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .xl\:bg-gray-400 { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .xl\:bg-gray-500 { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .xl\:bg-gray-600 { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .xl\:bg-gray-700 { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .xl\:bg-gray-800 { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .xl\:bg-gray-900 { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .xl\:bg-red-100 { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .xl\:bg-red-200 { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .xl\:bg-red-300 { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .xl\:bg-red-400 { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .xl\:bg-red-500 { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .xl\:bg-red-600 { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .xl\:bg-red-700 { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .xl\:bg-red-800 { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .xl\:bg-red-900 { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .xl\:bg-orange-100 { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .xl\:bg-orange-200 { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .xl\:bg-orange-300 { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .xl\:bg-orange-400 { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .xl\:bg-orange-500 { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .xl\:bg-orange-600 { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .xl\:bg-orange-700 { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .xl\:bg-orange-800 { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .xl\:bg-orange-900 { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .xl\:bg-yellow-100 { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .xl\:bg-yellow-200 { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .xl\:bg-yellow-300 { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .xl\:bg-yellow-400 { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .xl\:bg-yellow-500 { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .xl\:bg-yellow-600 { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .xl\:bg-yellow-700 { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .xl\:bg-yellow-800 { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .xl\:bg-yellow-900 { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .xl\:bg-green-100 { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .xl\:bg-green-200 { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .xl\:bg-green-300 { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .xl\:bg-green-400 { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .xl\:bg-green-500 { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .xl\:bg-green-600 { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .xl\:bg-green-700 { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .xl\:bg-green-800 { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .xl\:bg-green-900 { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .xl\:bg-teal-100 { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .xl\:bg-teal-200 { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .xl\:bg-teal-300 { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .xl\:bg-teal-400 { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .xl\:bg-teal-500 { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .xl\:bg-teal-600 { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .xl\:bg-teal-700 { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .xl\:bg-teal-800 { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .xl\:bg-teal-900 { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .xl\:bg-blue-100 { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .xl\:bg-blue-200 { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .xl\:bg-blue-300 { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .xl\:bg-blue-400 { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .xl\:bg-blue-500 { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .xl\:bg-blue-600 { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .xl\:bg-blue-700 { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .xl\:bg-blue-800 { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .xl\:bg-blue-900 { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .xl\:bg-indigo-100 { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .xl\:bg-indigo-200 { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .xl\:bg-indigo-300 { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .xl\:bg-indigo-400 { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .xl\:bg-indigo-500 { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .xl\:bg-indigo-600 { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .xl\:bg-indigo-700 { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .xl\:bg-indigo-800 { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .xl\:bg-indigo-900 { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .xl\:bg-purple-100 { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .xl\:bg-purple-200 { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .xl\:bg-purple-300 { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .xl\:bg-purple-400 { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .xl\:bg-purple-500 { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .xl\:bg-purple-600 { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .xl\:bg-purple-700 { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .xl\:bg-purple-800 { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .xl\:bg-purple-900 { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .xl\:bg-pink-100 { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .xl\:bg-pink-200 { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .xl\:bg-pink-300 { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .xl\:bg-pink-400 { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .xl\:bg-pink-500 { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .xl\:bg-pink-600 { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .xl\:bg-pink-700 { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .xl\:bg-pink-800 { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .xl\:bg-pink-900 { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .xl\:hover\:bg-transparent:hover { background-color: transparent; } + .xl\:hover\:bg-current:hover { + background-color: currentColor; + } + .xl\:hover\:bg-black:hover { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .xl\:hover\:bg-white:hover { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .xl\:hover\:bg-orange-100:hover { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .xl\:hover\:bg-orange-200:hover { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .xl\:hover\:bg-orange-300:hover { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .xl\:hover\:bg-orange-400:hover { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .xl\:hover\:bg-orange-500:hover { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .xl\:hover\:bg-orange-600:hover { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .xl\:hover\:bg-orange-700:hover { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .xl\:hover\:bg-orange-800:hover { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .xl\:hover\:bg-orange-900:hover { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .xl\:hover\:bg-teal-100:hover { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .xl\:hover\:bg-teal-200:hover { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .xl\:hover\:bg-teal-300:hover { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .xl\:hover\:bg-teal-400:hover { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .xl\:hover\:bg-teal-500:hover { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .xl\:hover\:bg-teal-600:hover { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .xl\:hover\:bg-teal-700:hover { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .xl\:hover\:bg-teal-800:hover { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .xl\:hover\:bg-teal-900:hover { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .xl\:hover\:bg-indigo-100:hover { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .xl\:hover\:bg-indigo-200:hover { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .xl\:hover\:bg-indigo-300:hover { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .xl\:hover\:bg-indigo-400:hover { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .xl\:hover\:bg-indigo-500:hover { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .xl\:hover\:bg-indigo-600:hover { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .xl\:hover\:bg-indigo-700:hover { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .xl\:hover\:bg-indigo-800:hover { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .xl\:hover\:bg-indigo-900:hover { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); } .xl\:focus\:bg-transparent:focus { background-color: transparent; } + .xl\:focus\:bg-current:focus { + background-color: currentColor; + } + .xl\:focus\:bg-black:focus { + --bg-opacity: 1; background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .xl\:focus\:bg-white:focus { + --bg-opacity: 1; background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; background-color: #f7fafc; + background-color: rgba(247, 250, 252, var(--bg-opacity)); } .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; background-color: #edf2f7; + background-color: rgba(237, 242, 247, var(--bg-opacity)); } .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; background-color: #e2e8f0; + background-color: rgba(226, 232, 240, var(--bg-opacity)); } .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; background-color: #cbd5e0; + background-color: rgba(203, 213, 224, var(--bg-opacity)); } .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; background-color: #a0aec0; + background-color: rgba(160, 174, 192, var(--bg-opacity)); } .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; background-color: #718096; + background-color: rgba(113, 128, 150, var(--bg-opacity)); } .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; background-color: #4a5568; + background-color: rgba(74, 85, 104, var(--bg-opacity)); } .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; background-color: #2d3748; + background-color: rgba(45, 55, 72, var(--bg-opacity)); } .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; background-color: #1a202c; + background-color: rgba(26, 32, 44, var(--bg-opacity)); } .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; background-color: #fff5f5; + background-color: rgba(255, 245, 245, var(--bg-opacity)); } .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; background-color: #fed7d7; + background-color: rgba(254, 215, 215, var(--bg-opacity)); } .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; background-color: #feb2b2; + background-color: rgba(254, 178, 178, var(--bg-opacity)); } .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; background-color: #fc8181; + background-color: rgba(252, 129, 129, var(--bg-opacity)); } .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; background-color: #f56565; + background-color: rgba(245, 101, 101, var(--bg-opacity)); } .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; background-color: #e53e3e; + background-color: rgba(229, 62, 62, var(--bg-opacity)); } .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; background-color: #c53030; + background-color: rgba(197, 48, 48, var(--bg-opacity)); } .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; background-color: #9b2c2c; + background-color: rgba(155, 44, 44, var(--bg-opacity)); } .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; background-color: #742a2a; + background-color: rgba(116, 42, 42, var(--bg-opacity)); } .xl\:focus\:bg-orange-100:focus { + --bg-opacity: 1; background-color: #fffaf0; + background-color: rgba(255, 250, 240, var(--bg-opacity)); } .xl\:focus\:bg-orange-200:focus { + --bg-opacity: 1; background-color: #feebc8; + background-color: rgba(254, 235, 200, var(--bg-opacity)); } .xl\:focus\:bg-orange-300:focus { + --bg-opacity: 1; background-color: #fbd38d; + background-color: rgba(251, 211, 141, var(--bg-opacity)); } .xl\:focus\:bg-orange-400:focus { + --bg-opacity: 1; background-color: #f6ad55; + background-color: rgba(246, 173, 85, var(--bg-opacity)); } .xl\:focus\:bg-orange-500:focus { + --bg-opacity: 1; background-color: #ed8936; + background-color: rgba(237, 137, 54, var(--bg-opacity)); } .xl\:focus\:bg-orange-600:focus { + --bg-opacity: 1; background-color: #dd6b20; + background-color: rgba(221, 107, 32, var(--bg-opacity)); } .xl\:focus\:bg-orange-700:focus { + --bg-opacity: 1; background-color: #c05621; + background-color: rgba(192, 86, 33, var(--bg-opacity)); } .xl\:focus\:bg-orange-800:focus { + --bg-opacity: 1; background-color: #9c4221; + background-color: rgba(156, 66, 33, var(--bg-opacity)); } .xl\:focus\:bg-orange-900:focus { + --bg-opacity: 1; background-color: #7b341e; + background-color: rgba(123, 52, 30, var(--bg-opacity)); } .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; background-color: #fffff0; + background-color: rgba(255, 255, 240, var(--bg-opacity)); } .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; background-color: #fefcbf; + background-color: rgba(254, 252, 191, var(--bg-opacity)); } .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; background-color: #faf089; + background-color: rgba(250, 240, 137, var(--bg-opacity)); } .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; background-color: #f6e05e; + background-color: rgba(246, 224, 94, var(--bg-opacity)); } .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; background-color: #ecc94b; + background-color: rgba(236, 201, 75, var(--bg-opacity)); } .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; background-color: #d69e2e; + background-color: rgba(214, 158, 46, var(--bg-opacity)); } .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; background-color: #b7791f; + background-color: rgba(183, 121, 31, var(--bg-opacity)); } .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; background-color: #975a16; + background-color: rgba(151, 90, 22, var(--bg-opacity)); } .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; background-color: #744210; + background-color: rgba(116, 66, 16, var(--bg-opacity)); } .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; background-color: #f0fff4; + background-color: rgba(240, 255, 244, var(--bg-opacity)); } .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; background-color: #c6f6d5; + background-color: rgba(198, 246, 213, var(--bg-opacity)); } .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; background-color: #9ae6b4; + background-color: rgba(154, 230, 180, var(--bg-opacity)); } .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; background-color: #68d391; + background-color: rgba(104, 211, 145, var(--bg-opacity)); } .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; background-color: #48bb78; + background-color: rgba(72, 187, 120, var(--bg-opacity)); } .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; background-color: #38a169; + background-color: rgba(56, 161, 105, var(--bg-opacity)); } .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; background-color: #2f855a; + background-color: rgba(47, 133, 90, var(--bg-opacity)); } .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; background-color: #276749; + background-color: rgba(39, 103, 73, var(--bg-opacity)); } .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; background-color: #22543d; + background-color: rgba(34, 84, 61, var(--bg-opacity)); } .xl\:focus\:bg-teal-100:focus { + --bg-opacity: 1; background-color: #e6fffa; + background-color: rgba(230, 255, 250, var(--bg-opacity)); } .xl\:focus\:bg-teal-200:focus { + --bg-opacity: 1; background-color: #b2f5ea; + background-color: rgba(178, 245, 234, var(--bg-opacity)); } .xl\:focus\:bg-teal-300:focus { + --bg-opacity: 1; background-color: #81e6d9; + background-color: rgba(129, 230, 217, var(--bg-opacity)); } .xl\:focus\:bg-teal-400:focus { + --bg-opacity: 1; background-color: #4fd1c5; + background-color: rgba(79, 209, 197, var(--bg-opacity)); } .xl\:focus\:bg-teal-500:focus { + --bg-opacity: 1; background-color: #38b2ac; + background-color: rgba(56, 178, 172, var(--bg-opacity)); } .xl\:focus\:bg-teal-600:focus { + --bg-opacity: 1; background-color: #319795; + background-color: rgba(49, 151, 149, var(--bg-opacity)); } .xl\:focus\:bg-teal-700:focus { + --bg-opacity: 1; background-color: #2c7a7b; + background-color: rgba(44, 122, 123, var(--bg-opacity)); } .xl\:focus\:bg-teal-800:focus { + --bg-opacity: 1; background-color: #285e61; + background-color: rgba(40, 94, 97, var(--bg-opacity)); } .xl\:focus\:bg-teal-900:focus { + --bg-opacity: 1; background-color: #234e52; + background-color: rgba(35, 78, 82, var(--bg-opacity)); } .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; background-color: #ebf8ff; + background-color: rgba(235, 248, 255, var(--bg-opacity)); } .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; background-color: #bee3f8; + background-color: rgba(190, 227, 248, var(--bg-opacity)); } .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; background-color: #90cdf4; + background-color: rgba(144, 205, 244, var(--bg-opacity)); } .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; background-color: #63b3ed; + background-color: rgba(99, 179, 237, var(--bg-opacity)); } .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; background-color: #4299e1; + background-color: rgba(66, 153, 225, var(--bg-opacity)); } .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; background-color: #3182ce; + background-color: rgba(49, 130, 206, var(--bg-opacity)); } .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; background-color: #2b6cb0; + background-color: rgba(43, 108, 176, var(--bg-opacity)); } .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; background-color: #2c5282; + background-color: rgba(44, 82, 130, var(--bg-opacity)); } .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; background-color: #2a4365; + background-color: rgba(42, 67, 101, var(--bg-opacity)); } .xl\:focus\:bg-indigo-100:focus { + --bg-opacity: 1; background-color: #ebf4ff; + background-color: rgba(235, 244, 255, var(--bg-opacity)); } .xl\:focus\:bg-indigo-200:focus { + --bg-opacity: 1; background-color: #c3dafe; + background-color: rgba(195, 218, 254, var(--bg-opacity)); } .xl\:focus\:bg-indigo-300:focus { + --bg-opacity: 1; background-color: #a3bffa; + background-color: rgba(163, 191, 250, var(--bg-opacity)); } .xl\:focus\:bg-indigo-400:focus { + --bg-opacity: 1; background-color: #7f9cf5; + background-color: rgba(127, 156, 245, var(--bg-opacity)); } .xl\:focus\:bg-indigo-500:focus { + --bg-opacity: 1; background-color: #667eea; + background-color: rgba(102, 126, 234, var(--bg-opacity)); } .xl\:focus\:bg-indigo-600:focus { + --bg-opacity: 1; background-color: #5a67d8; + background-color: rgba(90, 103, 216, var(--bg-opacity)); } .xl\:focus\:bg-indigo-700:focus { + --bg-opacity: 1; background-color: #4c51bf; + background-color: rgba(76, 81, 191, var(--bg-opacity)); } .xl\:focus\:bg-indigo-800:focus { + --bg-opacity: 1; background-color: #434190; + background-color: rgba(67, 65, 144, var(--bg-opacity)); } .xl\:focus\:bg-indigo-900:focus { + --bg-opacity: 1; background-color: #3c366b; + background-color: rgba(60, 54, 107, var(--bg-opacity)); } .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; background-color: #faf5ff; + background-color: rgba(250, 245, 255, var(--bg-opacity)); } .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; background-color: #e9d8fd; + background-color: rgba(233, 216, 253, var(--bg-opacity)); } .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; background-color: #d6bcfa; + background-color: rgba(214, 188, 250, var(--bg-opacity)); } .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; background-color: #b794f4; + background-color: rgba(183, 148, 244, var(--bg-opacity)); } .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; background-color: #9f7aea; + background-color: rgba(159, 122, 234, var(--bg-opacity)); } .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; background-color: #805ad5; + background-color: rgba(128, 90, 213, var(--bg-opacity)); } .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; background-color: #6b46c1; + background-color: rgba(107, 70, 193, var(--bg-opacity)); } .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; background-color: #553c9a; + background-color: rgba(85, 60, 154, var(--bg-opacity)); } .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; background-color: #44337a; + background-color: rgba(68, 51, 122, var(--bg-opacity)); } .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; background-color: #fff5f7; + background-color: rgba(255, 245, 247, var(--bg-opacity)); } .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; background-color: #fed7e2; + background-color: rgba(254, 215, 226, var(--bg-opacity)); } .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; background-color: #fbb6ce; + background-color: rgba(251, 182, 206, var(--bg-opacity)); } .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; background-color: #f687b3; + background-color: rgba(246, 135, 179, var(--bg-opacity)); } .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; background-color: #ed64a6; + background-color: rgba(237, 100, 166, var(--bg-opacity)); } .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; background-color: #d53f8c; + background-color: rgba(213, 63, 140, var(--bg-opacity)); } .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; background-color: #b83280; + background-color: rgba(184, 50, 128, var(--bg-opacity)); } .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; background-color: #97266d; + background-color: rgba(151, 38, 109, var(--bg-opacity)); } .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; background-color: #702459; + background-color: rgba(112, 36, 89, var(--bg-opacity)); + } + + .xl\:bg-opacity-0 { + --bg-opacity: 0; + } + + .xl\:bg-opacity-25 { + --bg-opacity: 0.25; + } + + .xl\:bg-opacity-50 { + --bg-opacity: 0.5; + } + + .xl\:bg-opacity-75 { + --bg-opacity: 0.75; + } + + .xl\:bg-opacity-100 { + --bg-opacity: 1; + } + + .xl\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } + + .xl\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } + + .xl\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } + + .xl\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } + + .xl\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } + + .xl\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } + + .xl\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } + + .xl\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } + + .xl\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } + + .xl\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } .xl\:bg-bottom { @@ -43135,1116 +58586,1740 @@ video { border-color: transparent; } + .xl\:border-current { + border-color: currentColor; + } + .xl\:border-black { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .xl\:border-white { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .xl\:border-gray-100 { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .xl\:border-gray-200 { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .xl\:border-gray-300 { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .xl\:border-gray-400 { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .xl\:border-gray-500 { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .xl\:border-gray-600 { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .xl\:border-gray-700 { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .xl\:border-gray-800 { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .xl\:border-gray-900 { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .xl\:border-red-100 { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .xl\:border-red-200 { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .xl\:border-red-300 { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .xl\:border-red-400 { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .xl\:border-red-500 { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .xl\:border-red-600 { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .xl\:border-red-700 { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .xl\:border-red-800 { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .xl\:border-red-900 { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .xl\:border-orange-100 { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .xl\:border-orange-200 { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .xl\:border-orange-300 { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .xl\:border-orange-400 { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .xl\:border-orange-500 { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .xl\:border-orange-600 { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .xl\:border-orange-700 { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .xl\:border-orange-800 { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .xl\:border-orange-900 { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .xl\:border-yellow-100 { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .xl\:border-yellow-200 { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .xl\:border-yellow-300 { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .xl\:border-yellow-400 { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .xl\:border-yellow-500 { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .xl\:border-yellow-600 { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .xl\:border-yellow-700 { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .xl\:border-yellow-800 { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .xl\:border-yellow-900 { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .xl\:border-green-100 { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .xl\:border-green-200 { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .xl\:border-green-300 { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .xl\:border-green-400 { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .xl\:border-green-500 { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .xl\:border-green-600 { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .xl\:border-green-700 { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .xl\:border-green-800 { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .xl\:border-green-900 { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .xl\:border-teal-100 { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .xl\:border-teal-200 { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .xl\:border-teal-300 { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .xl\:border-teal-400 { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .xl\:border-teal-500 { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .xl\:border-teal-600 { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .xl\:border-teal-700 { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .xl\:border-teal-800 { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .xl\:border-teal-900 { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .xl\:border-blue-100 { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .xl\:border-blue-200 { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .xl\:border-blue-300 { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .xl\:border-blue-400 { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .xl\:border-blue-500 { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .xl\:border-blue-600 { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .xl\:border-blue-700 { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .xl\:border-blue-800 { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .xl\:border-blue-900 { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .xl\:border-indigo-100 { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .xl\:border-indigo-200 { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .xl\:border-indigo-300 { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .xl\:border-indigo-400 { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .xl\:border-indigo-500 { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .xl\:border-indigo-600 { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .xl\:border-indigo-700 { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .xl\:border-indigo-800 { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .xl\:border-indigo-900 { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .xl\:border-purple-100 { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .xl\:border-purple-200 { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .xl\:border-purple-300 { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .xl\:border-purple-400 { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .xl\:border-purple-500 { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .xl\:border-purple-600 { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .xl\:border-purple-700 { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .xl\:border-purple-800 { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .xl\:border-purple-900 { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .xl\:border-pink-100 { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .xl\:border-pink-200 { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .xl\:border-pink-300 { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .xl\:border-pink-400 { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .xl\:border-pink-500 { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .xl\:border-pink-600 { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .xl\:border-pink-700 { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .xl\:border-pink-800 { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .xl\:border-pink-900 { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .xl\:hover\:border-transparent:hover { border-color: transparent; } + .xl\:hover\:border-current:hover { + border-color: currentColor; + } + .xl\:hover\:border-black:hover { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .xl\:hover\:border-white:hover { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .xl\:hover\:border-gray-100:hover { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .xl\:hover\:border-gray-200:hover { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .xl\:hover\:border-gray-300:hover { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .xl\:hover\:border-gray-400:hover { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .xl\:hover\:border-gray-500:hover { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .xl\:hover\:border-gray-600:hover { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .xl\:hover\:border-gray-700:hover { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .xl\:hover\:border-gray-800:hover { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .xl\:hover\:border-gray-900:hover { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .xl\:hover\:border-red-100:hover { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .xl\:hover\:border-red-200:hover { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .xl\:hover\:border-red-300:hover { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .xl\:hover\:border-red-400:hover { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .xl\:hover\:border-red-500:hover { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .xl\:hover\:border-red-600:hover { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .xl\:hover\:border-red-700:hover { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .xl\:hover\:border-red-800:hover { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .xl\:hover\:border-red-900:hover { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .xl\:hover\:border-orange-100:hover { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .xl\:hover\:border-orange-200:hover { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .xl\:hover\:border-orange-300:hover { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .xl\:hover\:border-orange-400:hover { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .xl\:hover\:border-orange-500:hover { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .xl\:hover\:border-orange-600:hover { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .xl\:hover\:border-orange-700:hover { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .xl\:hover\:border-orange-800:hover { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .xl\:hover\:border-orange-900:hover { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .xl\:hover\:border-yellow-100:hover { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .xl\:hover\:border-yellow-200:hover { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .xl\:hover\:border-yellow-300:hover { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .xl\:hover\:border-yellow-400:hover { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .xl\:hover\:border-yellow-500:hover { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .xl\:hover\:border-yellow-600:hover { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .xl\:hover\:border-yellow-700:hover { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .xl\:hover\:border-yellow-800:hover { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .xl\:hover\:border-yellow-900:hover { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .xl\:hover\:border-green-100:hover { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .xl\:hover\:border-green-200:hover { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .xl\:hover\:border-green-300:hover { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .xl\:hover\:border-green-400:hover { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .xl\:hover\:border-green-500:hover { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .xl\:hover\:border-green-600:hover { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .xl\:hover\:border-green-700:hover { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .xl\:hover\:border-green-800:hover { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .xl\:hover\:border-green-900:hover { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .xl\:hover\:border-teal-100:hover { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .xl\:hover\:border-teal-200:hover { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .xl\:hover\:border-teal-300:hover { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .xl\:hover\:border-teal-400:hover { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .xl\:hover\:border-teal-500:hover { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .xl\:hover\:border-teal-600:hover { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .xl\:hover\:border-teal-700:hover { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .xl\:hover\:border-teal-800:hover { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .xl\:hover\:border-teal-900:hover { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .xl\:hover\:border-blue-100:hover { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .xl\:hover\:border-blue-200:hover { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .xl\:hover\:border-blue-300:hover { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .xl\:hover\:border-blue-400:hover { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .xl\:hover\:border-blue-500:hover { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .xl\:hover\:border-blue-600:hover { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .xl\:hover\:border-blue-700:hover { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .xl\:hover\:border-blue-800:hover { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .xl\:hover\:border-blue-900:hover { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .xl\:hover\:border-indigo-100:hover { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .xl\:hover\:border-indigo-200:hover { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .xl\:hover\:border-indigo-300:hover { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .xl\:hover\:border-indigo-400:hover { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .xl\:hover\:border-indigo-500:hover { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .xl\:hover\:border-indigo-600:hover { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .xl\:hover\:border-indigo-700:hover { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .xl\:hover\:border-indigo-800:hover { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .xl\:hover\:border-indigo-900:hover { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .xl\:hover\:border-purple-100:hover { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .xl\:hover\:border-purple-200:hover { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .xl\:hover\:border-purple-300:hover { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .xl\:hover\:border-purple-400:hover { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .xl\:hover\:border-purple-500:hover { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .xl\:hover\:border-purple-600:hover { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .xl\:hover\:border-purple-700:hover { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .xl\:hover\:border-purple-800:hover { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .xl\:hover\:border-purple-900:hover { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .xl\:hover\:border-pink-100:hover { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .xl\:hover\:border-pink-200:hover { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .xl\:hover\:border-pink-300:hover { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .xl\:hover\:border-pink-400:hover { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .xl\:hover\:border-pink-500:hover { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .xl\:hover\:border-pink-600:hover { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .xl\:hover\:border-pink-700:hover { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .xl\:hover\:border-pink-800:hover { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .xl\:hover\:border-pink-900:hover { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); } .xl\:focus\:border-transparent:focus { border-color: transparent; } + .xl\:focus\:border-current:focus { + border-color: currentColor; + } + .xl\:focus\:border-black:focus { + --border-opacity: 1; border-color: #000; + border-color: rgba(0, 0, 0, var(--border-opacity)); } .xl\:focus\:border-white:focus { + --border-opacity: 1; border-color: #fff; + border-color: rgba(255, 255, 255, var(--border-opacity)); } .xl\:focus\:border-gray-100:focus { + --border-opacity: 1; border-color: #f7fafc; + border-color: rgba(247, 250, 252, var(--border-opacity)); } .xl\:focus\:border-gray-200:focus { + --border-opacity: 1; border-color: #edf2f7; + border-color: rgba(237, 242, 247, var(--border-opacity)); } .xl\:focus\:border-gray-300:focus { + --border-opacity: 1; border-color: #e2e8f0; + border-color: rgba(226, 232, 240, var(--border-opacity)); } .xl\:focus\:border-gray-400:focus { + --border-opacity: 1; border-color: #cbd5e0; + border-color: rgba(203, 213, 224, var(--border-opacity)); } .xl\:focus\:border-gray-500:focus { + --border-opacity: 1; border-color: #a0aec0; + border-color: rgba(160, 174, 192, var(--border-opacity)); } .xl\:focus\:border-gray-600:focus { + --border-opacity: 1; border-color: #718096; + border-color: rgba(113, 128, 150, var(--border-opacity)); } .xl\:focus\:border-gray-700:focus { + --border-opacity: 1; border-color: #4a5568; + border-color: rgba(74, 85, 104, var(--border-opacity)); } .xl\:focus\:border-gray-800:focus { + --border-opacity: 1; border-color: #2d3748; + border-color: rgba(45, 55, 72, var(--border-opacity)); } .xl\:focus\:border-gray-900:focus { + --border-opacity: 1; border-color: #1a202c; + border-color: rgba(26, 32, 44, var(--border-opacity)); } .xl\:focus\:border-red-100:focus { + --border-opacity: 1; border-color: #fff5f5; + border-color: rgba(255, 245, 245, var(--border-opacity)); } .xl\:focus\:border-red-200:focus { + --border-opacity: 1; border-color: #fed7d7; + border-color: rgba(254, 215, 215, var(--border-opacity)); } .xl\:focus\:border-red-300:focus { + --border-opacity: 1; border-color: #feb2b2; + border-color: rgba(254, 178, 178, var(--border-opacity)); } .xl\:focus\:border-red-400:focus { + --border-opacity: 1; border-color: #fc8181; + border-color: rgba(252, 129, 129, var(--border-opacity)); } .xl\:focus\:border-red-500:focus { + --border-opacity: 1; border-color: #f56565; + border-color: rgba(245, 101, 101, var(--border-opacity)); } .xl\:focus\:border-red-600:focus { + --border-opacity: 1; border-color: #e53e3e; + border-color: rgba(229, 62, 62, var(--border-opacity)); } .xl\:focus\:border-red-700:focus { + --border-opacity: 1; border-color: #c53030; + border-color: rgba(197, 48, 48, var(--border-opacity)); } .xl\:focus\:border-red-800:focus { + --border-opacity: 1; border-color: #9b2c2c; + border-color: rgba(155, 44, 44, var(--border-opacity)); } .xl\:focus\:border-red-900:focus { + --border-opacity: 1; border-color: #742a2a; + border-color: rgba(116, 42, 42, var(--border-opacity)); } .xl\:focus\:border-orange-100:focus { + --border-opacity: 1; border-color: #fffaf0; + border-color: rgba(255, 250, 240, var(--border-opacity)); } .xl\:focus\:border-orange-200:focus { + --border-opacity: 1; border-color: #feebc8; + border-color: rgba(254, 235, 200, var(--border-opacity)); } .xl\:focus\:border-orange-300:focus { + --border-opacity: 1; border-color: #fbd38d; + border-color: rgba(251, 211, 141, var(--border-opacity)); } .xl\:focus\:border-orange-400:focus { + --border-opacity: 1; border-color: #f6ad55; + border-color: rgba(246, 173, 85, var(--border-opacity)); } .xl\:focus\:border-orange-500:focus { + --border-opacity: 1; border-color: #ed8936; + border-color: rgba(237, 137, 54, var(--border-opacity)); } .xl\:focus\:border-orange-600:focus { + --border-opacity: 1; border-color: #dd6b20; + border-color: rgba(221, 107, 32, var(--border-opacity)); } .xl\:focus\:border-orange-700:focus { + --border-opacity: 1; border-color: #c05621; + border-color: rgba(192, 86, 33, var(--border-opacity)); } .xl\:focus\:border-orange-800:focus { + --border-opacity: 1; border-color: #9c4221; + border-color: rgba(156, 66, 33, var(--border-opacity)); } .xl\:focus\:border-orange-900:focus { + --border-opacity: 1; border-color: #7b341e; + border-color: rgba(123, 52, 30, var(--border-opacity)); } .xl\:focus\:border-yellow-100:focus { + --border-opacity: 1; border-color: #fffff0; + border-color: rgba(255, 255, 240, var(--border-opacity)); } .xl\:focus\:border-yellow-200:focus { + --border-opacity: 1; border-color: #fefcbf; + border-color: rgba(254, 252, 191, var(--border-opacity)); } .xl\:focus\:border-yellow-300:focus { + --border-opacity: 1; border-color: #faf089; + border-color: rgba(250, 240, 137, var(--border-opacity)); } .xl\:focus\:border-yellow-400:focus { + --border-opacity: 1; border-color: #f6e05e; + border-color: rgba(246, 224, 94, var(--border-opacity)); } .xl\:focus\:border-yellow-500:focus { + --border-opacity: 1; border-color: #ecc94b; + border-color: rgba(236, 201, 75, var(--border-opacity)); } .xl\:focus\:border-yellow-600:focus { + --border-opacity: 1; border-color: #d69e2e; + border-color: rgba(214, 158, 46, var(--border-opacity)); } .xl\:focus\:border-yellow-700:focus { + --border-opacity: 1; border-color: #b7791f; + border-color: rgba(183, 121, 31, var(--border-opacity)); } .xl\:focus\:border-yellow-800:focus { + --border-opacity: 1; border-color: #975a16; + border-color: rgba(151, 90, 22, var(--border-opacity)); } .xl\:focus\:border-yellow-900:focus { + --border-opacity: 1; border-color: #744210; + border-color: rgba(116, 66, 16, var(--border-opacity)); } .xl\:focus\:border-green-100:focus { + --border-opacity: 1; border-color: #f0fff4; + border-color: rgba(240, 255, 244, var(--border-opacity)); } .xl\:focus\:border-green-200:focus { + --border-opacity: 1; border-color: #c6f6d5; + border-color: rgba(198, 246, 213, var(--border-opacity)); } .xl\:focus\:border-green-300:focus { + --border-opacity: 1; border-color: #9ae6b4; + border-color: rgba(154, 230, 180, var(--border-opacity)); } .xl\:focus\:border-green-400:focus { + --border-opacity: 1; border-color: #68d391; + border-color: rgba(104, 211, 145, var(--border-opacity)); } .xl\:focus\:border-green-500:focus { + --border-opacity: 1; border-color: #48bb78; + border-color: rgba(72, 187, 120, var(--border-opacity)); } .xl\:focus\:border-green-600:focus { + --border-opacity: 1; border-color: #38a169; + border-color: rgba(56, 161, 105, var(--border-opacity)); } .xl\:focus\:border-green-700:focus { + --border-opacity: 1; border-color: #2f855a; + border-color: rgba(47, 133, 90, var(--border-opacity)); } .xl\:focus\:border-green-800:focus { + --border-opacity: 1; border-color: #276749; + border-color: rgba(39, 103, 73, var(--border-opacity)); } .xl\:focus\:border-green-900:focus { + --border-opacity: 1; border-color: #22543d; + border-color: rgba(34, 84, 61, var(--border-opacity)); } .xl\:focus\:border-teal-100:focus { + --border-opacity: 1; border-color: #e6fffa; + border-color: rgba(230, 255, 250, var(--border-opacity)); } .xl\:focus\:border-teal-200:focus { + --border-opacity: 1; border-color: #b2f5ea; + border-color: rgba(178, 245, 234, var(--border-opacity)); } .xl\:focus\:border-teal-300:focus { + --border-opacity: 1; border-color: #81e6d9; + border-color: rgba(129, 230, 217, var(--border-opacity)); } .xl\:focus\:border-teal-400:focus { + --border-opacity: 1; border-color: #4fd1c5; + border-color: rgba(79, 209, 197, var(--border-opacity)); } .xl\:focus\:border-teal-500:focus { + --border-opacity: 1; border-color: #38b2ac; + border-color: rgba(56, 178, 172, var(--border-opacity)); } .xl\:focus\:border-teal-600:focus { + --border-opacity: 1; border-color: #319795; + border-color: rgba(49, 151, 149, var(--border-opacity)); } .xl\:focus\:border-teal-700:focus { + --border-opacity: 1; border-color: #2c7a7b; + border-color: rgba(44, 122, 123, var(--border-opacity)); } .xl\:focus\:border-teal-800:focus { + --border-opacity: 1; border-color: #285e61; + border-color: rgba(40, 94, 97, var(--border-opacity)); } .xl\:focus\:border-teal-900:focus { + --border-opacity: 1; border-color: #234e52; + border-color: rgba(35, 78, 82, var(--border-opacity)); } .xl\:focus\:border-blue-100:focus { + --border-opacity: 1; border-color: #ebf8ff; + border-color: rgba(235, 248, 255, var(--border-opacity)); } .xl\:focus\:border-blue-200:focus { + --border-opacity: 1; border-color: #bee3f8; + border-color: rgba(190, 227, 248, var(--border-opacity)); } .xl\:focus\:border-blue-300:focus { + --border-opacity: 1; border-color: #90cdf4; + border-color: rgba(144, 205, 244, var(--border-opacity)); } .xl\:focus\:border-blue-400:focus { + --border-opacity: 1; border-color: #63b3ed; + border-color: rgba(99, 179, 237, var(--border-opacity)); } .xl\:focus\:border-blue-500:focus { + --border-opacity: 1; border-color: #4299e1; + border-color: rgba(66, 153, 225, var(--border-opacity)); } .xl\:focus\:border-blue-600:focus { + --border-opacity: 1; border-color: #3182ce; + border-color: rgba(49, 130, 206, var(--border-opacity)); } .xl\:focus\:border-blue-700:focus { + --border-opacity: 1; border-color: #2b6cb0; + border-color: rgba(43, 108, 176, var(--border-opacity)); } .xl\:focus\:border-blue-800:focus { + --border-opacity: 1; border-color: #2c5282; + border-color: rgba(44, 82, 130, var(--border-opacity)); } .xl\:focus\:border-blue-900:focus { + --border-opacity: 1; border-color: #2a4365; + border-color: rgba(42, 67, 101, var(--border-opacity)); } .xl\:focus\:border-indigo-100:focus { + --border-opacity: 1; border-color: #ebf4ff; + border-color: rgba(235, 244, 255, var(--border-opacity)); } .xl\:focus\:border-indigo-200:focus { + --border-opacity: 1; border-color: #c3dafe; + border-color: rgba(195, 218, 254, var(--border-opacity)); } .xl\:focus\:border-indigo-300:focus { + --border-opacity: 1; border-color: #a3bffa; + border-color: rgba(163, 191, 250, var(--border-opacity)); } .xl\:focus\:border-indigo-400:focus { + --border-opacity: 1; border-color: #7f9cf5; + border-color: rgba(127, 156, 245, var(--border-opacity)); } .xl\:focus\:border-indigo-500:focus { + --border-opacity: 1; border-color: #667eea; + border-color: rgba(102, 126, 234, var(--border-opacity)); } .xl\:focus\:border-indigo-600:focus { + --border-opacity: 1; border-color: #5a67d8; + border-color: rgba(90, 103, 216, var(--border-opacity)); } .xl\:focus\:border-indigo-700:focus { + --border-opacity: 1; border-color: #4c51bf; + border-color: rgba(76, 81, 191, var(--border-opacity)); } .xl\:focus\:border-indigo-800:focus { + --border-opacity: 1; border-color: #434190; + border-color: rgba(67, 65, 144, var(--border-opacity)); } .xl\:focus\:border-indigo-900:focus { + --border-opacity: 1; border-color: #3c366b; + border-color: rgba(60, 54, 107, var(--border-opacity)); } .xl\:focus\:border-purple-100:focus { + --border-opacity: 1; border-color: #faf5ff; + border-color: rgba(250, 245, 255, var(--border-opacity)); } .xl\:focus\:border-purple-200:focus { + --border-opacity: 1; border-color: #e9d8fd; + border-color: rgba(233, 216, 253, var(--border-opacity)); } .xl\:focus\:border-purple-300:focus { + --border-opacity: 1; border-color: #d6bcfa; + border-color: rgba(214, 188, 250, var(--border-opacity)); } .xl\:focus\:border-purple-400:focus { + --border-opacity: 1; border-color: #b794f4; + border-color: rgba(183, 148, 244, var(--border-opacity)); } .xl\:focus\:border-purple-500:focus { + --border-opacity: 1; border-color: #9f7aea; + border-color: rgba(159, 122, 234, var(--border-opacity)); } .xl\:focus\:border-purple-600:focus { + --border-opacity: 1; border-color: #805ad5; + border-color: rgba(128, 90, 213, var(--border-opacity)); } .xl\:focus\:border-purple-700:focus { + --border-opacity: 1; border-color: #6b46c1; + border-color: rgba(107, 70, 193, var(--border-opacity)); } .xl\:focus\:border-purple-800:focus { + --border-opacity: 1; border-color: #553c9a; + border-color: rgba(85, 60, 154, var(--border-opacity)); } .xl\:focus\:border-purple-900:focus { + --border-opacity: 1; border-color: #44337a; + border-color: rgba(68, 51, 122, var(--border-opacity)); } .xl\:focus\:border-pink-100:focus { + --border-opacity: 1; border-color: #fff5f7; + border-color: rgba(255, 245, 247, var(--border-opacity)); } .xl\:focus\:border-pink-200:focus { + --border-opacity: 1; border-color: #fed7e2; + border-color: rgba(254, 215, 226, var(--border-opacity)); } .xl\:focus\:border-pink-300:focus { + --border-opacity: 1; border-color: #fbb6ce; + border-color: rgba(251, 182, 206, var(--border-opacity)); } .xl\:focus\:border-pink-400:focus { + --border-opacity: 1; border-color: #f687b3; + border-color: rgba(246, 135, 179, var(--border-opacity)); } .xl\:focus\:border-pink-500:focus { + --border-opacity: 1; border-color: #ed64a6; + border-color: rgba(237, 100, 166, var(--border-opacity)); } .xl\:focus\:border-pink-600:focus { + --border-opacity: 1; border-color: #d53f8c; + border-color: rgba(213, 63, 140, var(--border-opacity)); } .xl\:focus\:border-pink-700:focus { + --border-opacity: 1; border-color: #b83280; + border-color: rgba(184, 50, 128, var(--border-opacity)); } .xl\:focus\:border-pink-800:focus { + --border-opacity: 1; border-color: #97266d; + border-color: rgba(151, 38, 109, var(--border-opacity)); } .xl\:focus\:border-pink-900:focus { + --border-opacity: 1; border-color: #702459; + border-color: rgba(112, 36, 89, var(--border-opacity)); + } + + .xl\:border-opacity-0 { + --border-opacity: 0; + } + + .xl\:border-opacity-25 { + --border-opacity: 0.25; + } + + .xl\:border-opacity-50 { + --border-opacity: 0.5; + } + + .xl\:border-opacity-75 { + --border-opacity: 0.75; + } + + .xl\:border-opacity-100 { + --border-opacity: 1; + } + + .xl\:hover\:border-opacity-0:hover { + --border-opacity: 0; + } + + .xl\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; + } + + .xl\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; + } + + .xl\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; + } + + .xl\:hover\:border-opacity-100:hover { + --border-opacity: 1; + } + + .xl\:focus\:border-opacity-0:focus { + --border-opacity: 0; + } + + .xl\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; + } + + .xl\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; + } + + .xl\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; + } + + .xl\:focus\:border-opacity-100:focus { + --border-opacity: 1; } .xl\:rounded-none { @@ -44663,10 +60738,6 @@ video { display: inline-flex; } - .xl\:grid { - display: grid; - } - .xl\:table { display: table; } @@ -44703,6 +60774,18 @@ video { display: table-row; } + .xl\:flow-root { + display: flow-root; + } + + .xl\:grid { + display: grid; + } + + .xl\:inline-grid { + display: inline-grid; + } + .xl\:hidden { display: none; } @@ -44941,6 +61024,10 @@ video { clear: both; } + .xl\:clear-none { + clear: none; + } + .xl\:font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @@ -45149,6 +61236,46 @@ video { height: 100vh; } + .xl\:text-xs { + font-size: 0.75rem; + } + + .xl\:text-sm { + font-size: 0.875rem; + } + + .xl\:text-base { + font-size: 1rem; + } + + .xl\:text-lg { + font-size: 1.125rem; + } + + .xl\:text-xl { + font-size: 1.25rem; + } + + .xl\:text-2xl { + font-size: 1.5rem; + } + + .xl\:text-3xl { + font-size: 1.875rem; + } + + .xl\:text-4xl { + font-size: 2.25rem; + } + + .xl\:text-5xl { + font-size: 3rem; + } + + .xl\:text-6xl { + font-size: 4rem; + } + .xl\:leading-3 { line-height: .75rem; } @@ -47211,744 +63338,1160 @@ video { color: transparent; } + .xl\:placeholder-current::placeholder { + color: currentColor; + } + .xl\:placeholder-black::placeholder { + --placeholder-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } .xl\:placeholder-white::placeholder { + --placeholder-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } .xl\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } .xl\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } .xl\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } .xl\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } .xl\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } .xl\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } .xl\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } .xl\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } .xl\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } .xl\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } .xl\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } .xl\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } .xl\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } .xl\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } .xl\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } .xl\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } .xl\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } .xl\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } .xl\:placeholder-orange-100::placeholder { + --placeholder-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } .xl\:placeholder-orange-200::placeholder { + --placeholder-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } .xl\:placeholder-orange-300::placeholder { + --placeholder-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } .xl\:placeholder-orange-400::placeholder { + --placeholder-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } .xl\:placeholder-orange-500::placeholder { + --placeholder-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } .xl\:placeholder-orange-600::placeholder { + --placeholder-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } .xl\:placeholder-orange-700::placeholder { + --placeholder-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } .xl\:placeholder-orange-800::placeholder { + --placeholder-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } .xl\:placeholder-orange-900::placeholder { + --placeholder-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } .xl\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } .xl\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } .xl\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } .xl\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } .xl\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } .xl\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } .xl\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } .xl\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } .xl\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } .xl\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } .xl\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } .xl\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } .xl\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } .xl\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } .xl\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } .xl\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } .xl\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } .xl\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } .xl\:placeholder-teal-100::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } .xl\:placeholder-teal-200::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } .xl\:placeholder-teal-300::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } .xl\:placeholder-teal-400::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } .xl\:placeholder-teal-500::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } .xl\:placeholder-teal-600::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } .xl\:placeholder-teal-700::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } .xl\:placeholder-teal-800::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } .xl\:placeholder-teal-900::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } .xl\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } .xl\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } .xl\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } .xl\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } .xl\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } .xl\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } .xl\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } .xl\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } .xl\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } .xl\:placeholder-indigo-100::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } .xl\:placeholder-indigo-200::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } .xl\:placeholder-indigo-300::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } .xl\:placeholder-indigo-400::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } .xl\:placeholder-indigo-500::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } .xl\:placeholder-indigo-600::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } .xl\:placeholder-indigo-700::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } .xl\:placeholder-indigo-800::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } .xl\:placeholder-indigo-900::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } .xl\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } .xl\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } .xl\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } .xl\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } .xl\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } .xl\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } .xl\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } .xl\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } .xl\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } .xl\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } .xl\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } .xl\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } .xl\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } .xl\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } .xl\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } .xl\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } .xl\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } .xl\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); } .xl\:focus\:placeholder-transparent:focus::placeholder { color: transparent; } + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + .xl\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } .xl\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--placeholder-opacity)); } .xl\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--placeholder-opacity)); } .xl\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-200:focus::placeholder { + --placeholder-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-600:focus::placeholder { + --placeholder-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-700:focus::placeholder { + --placeholder-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-800:focus::placeholder { + --placeholder-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--placeholder-opacity)); } .xl\:focus\:placeholder-orange-900:focus::placeholder { + --placeholder-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--placeholder-opacity)); } .xl\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--placeholder-opacity)); } .xl\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-100:focus::placeholder { + --placeholder-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-200:focus::placeholder { + --placeholder-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-300:focus::placeholder { + --placeholder-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-400:focus::placeholder { + --placeholder-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-500:focus::placeholder { + --placeholder-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-600:focus::placeholder { + --placeholder-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-700:focus::placeholder { + --placeholder-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-800:focus::placeholder { + --placeholder-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--placeholder-opacity)); } .xl\:focus\:placeholder-teal-900:focus::placeholder { + --placeholder-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--placeholder-opacity)); } .xl\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-100:focus::placeholder { + --placeholder-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-200:focus::placeholder { + --placeholder-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-300:focus::placeholder { + --placeholder-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-400:focus::placeholder { + --placeholder-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-500:focus::placeholder { + --placeholder-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-600:focus::placeholder { + --placeholder-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-700:focus::placeholder { + --placeholder-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-800:focus::placeholder { + --placeholder-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--placeholder-opacity)); } .xl\:focus\:placeholder-indigo-900:focus::placeholder { + --placeholder-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--placeholder-opacity)); } .xl\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--placeholder-opacity)); } .xl\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--placeholder-opacity)); + } + + .xl\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } + + .xl\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } + + .xl\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } + + .xl\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } + + .xl\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } + + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } + + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } + + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } + + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } + + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } .xl\:pointer-events-none { @@ -48229,1156 +64772,1740 @@ video { color: transparent; } + .xl\:text-current { + color: currentColor; + } + .xl\:text-black { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .xl\:text-white { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .xl\:text-gray-100 { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .xl\:text-gray-200 { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .xl\:text-gray-300 { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .xl\:text-gray-400 { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .xl\:text-gray-500 { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .xl\:text-gray-600 { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .xl\:text-gray-700 { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .xl\:text-gray-800 { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .xl\:text-gray-900 { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .xl\:text-red-100 { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .xl\:text-red-200 { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .xl\:text-red-300 { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .xl\:text-red-400 { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .xl\:text-red-500 { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .xl\:text-red-600 { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .xl\:text-red-700 { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .xl\:text-red-800 { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .xl\:text-red-900 { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .xl\:text-orange-100 { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .xl\:text-orange-200 { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .xl\:text-orange-300 { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .xl\:text-orange-400 { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .xl\:text-orange-500 { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .xl\:text-orange-600 { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .xl\:text-orange-700 { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .xl\:text-orange-800 { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .xl\:text-orange-900 { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .xl\:text-yellow-100 { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .xl\:text-yellow-200 { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .xl\:text-yellow-300 { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .xl\:text-yellow-400 { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .xl\:text-yellow-500 { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .xl\:text-yellow-600 { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .xl\:text-yellow-700 { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .xl\:text-yellow-800 { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .xl\:text-yellow-900 { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .xl\:text-green-100 { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .xl\:text-green-200 { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .xl\:text-green-300 { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .xl\:text-green-400 { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .xl\:text-green-500 { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .xl\:text-green-600 { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .xl\:text-green-700 { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .xl\:text-green-800 { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .xl\:text-green-900 { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .xl\:text-teal-100 { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .xl\:text-teal-200 { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .xl\:text-teal-300 { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .xl\:text-teal-400 { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .xl\:text-teal-500 { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .xl\:text-teal-600 { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .xl\:text-teal-700 { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .xl\:text-teal-800 { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .xl\:text-teal-900 { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .xl\:text-blue-100 { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .xl\:text-blue-200 { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .xl\:text-blue-300 { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .xl\:text-blue-400 { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .xl\:text-blue-500 { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .xl\:text-blue-600 { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .xl\:text-blue-700 { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .xl\:text-blue-800 { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .xl\:text-blue-900 { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .xl\:text-indigo-100 { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .xl\:text-indigo-200 { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .xl\:text-indigo-300 { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .xl\:text-indigo-400 { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .xl\:text-indigo-500 { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .xl\:text-indigo-600 { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .xl\:text-indigo-700 { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .xl\:text-indigo-800 { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .xl\:text-indigo-900 { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .xl\:text-purple-100 { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .xl\:text-purple-200 { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .xl\:text-purple-300 { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .xl\:text-purple-400 { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .xl\:text-purple-500 { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .xl\:text-purple-600 { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .xl\:text-purple-700 { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .xl\:text-purple-800 { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .xl\:text-purple-900 { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .xl\:text-pink-100 { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .xl\:text-pink-200 { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .xl\:text-pink-300 { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .xl\:text-pink-400 { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .xl\:text-pink-500 { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .xl\:text-pink-600 { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .xl\:text-pink-700 { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .xl\:text-pink-800 { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .xl\:text-pink-900 { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } .xl\:hover\:text-transparent:hover { color: transparent; } + .xl\:hover\:text-current:hover { + color: currentColor; + } + .xl\:hover\:text-black:hover { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .xl\:hover\:text-white:hover { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .xl\:hover\:text-gray-100:hover { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .xl\:hover\:text-gray-200:hover { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .xl\:hover\:text-gray-300:hover { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .xl\:hover\:text-gray-400:hover { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .xl\:hover\:text-gray-500:hover { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .xl\:hover\:text-gray-600:hover { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .xl\:hover\:text-gray-700:hover { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .xl\:hover\:text-gray-800:hover { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .xl\:hover\:text-gray-900:hover { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .xl\:hover\:text-red-100:hover { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .xl\:hover\:text-red-200:hover { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .xl\:hover\:text-red-300:hover { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .xl\:hover\:text-red-400:hover { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .xl\:hover\:text-red-500:hover { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .xl\:hover\:text-red-600:hover { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .xl\:hover\:text-red-700:hover { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .xl\:hover\:text-red-800:hover { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .xl\:hover\:text-red-900:hover { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .xl\:hover\:text-orange-100:hover { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .xl\:hover\:text-orange-200:hover { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .xl\:hover\:text-orange-300:hover { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .xl\:hover\:text-orange-400:hover { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .xl\:hover\:text-orange-500:hover { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .xl\:hover\:text-orange-600:hover { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .xl\:hover\:text-orange-700:hover { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .xl\:hover\:text-orange-800:hover { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .xl\:hover\:text-orange-900:hover { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .xl\:hover\:text-yellow-100:hover { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .xl\:hover\:text-yellow-200:hover { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .xl\:hover\:text-yellow-300:hover { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .xl\:hover\:text-yellow-400:hover { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .xl\:hover\:text-yellow-500:hover { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .xl\:hover\:text-yellow-600:hover { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .xl\:hover\:text-yellow-700:hover { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .xl\:hover\:text-yellow-800:hover { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .xl\:hover\:text-yellow-900:hover { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .xl\:hover\:text-green-100:hover { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .xl\:hover\:text-green-200:hover { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .xl\:hover\:text-green-300:hover { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .xl\:hover\:text-green-400:hover { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .xl\:hover\:text-green-500:hover { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .xl\:hover\:text-green-600:hover { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .xl\:hover\:text-green-700:hover { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .xl\:hover\:text-green-800:hover { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .xl\:hover\:text-green-900:hover { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .xl\:hover\:text-teal-100:hover { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .xl\:hover\:text-teal-200:hover { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .xl\:hover\:text-teal-300:hover { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .xl\:hover\:text-teal-400:hover { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .xl\:hover\:text-teal-500:hover { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .xl\:hover\:text-teal-600:hover { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .xl\:hover\:text-teal-700:hover { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .xl\:hover\:text-teal-800:hover { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .xl\:hover\:text-teal-900:hover { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .xl\:hover\:text-blue-100:hover { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .xl\:hover\:text-blue-200:hover { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .xl\:hover\:text-blue-300:hover { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .xl\:hover\:text-blue-400:hover { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .xl\:hover\:text-blue-500:hover { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .xl\:hover\:text-blue-600:hover { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .xl\:hover\:text-blue-700:hover { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .xl\:hover\:text-blue-800:hover { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .xl\:hover\:text-blue-900:hover { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .xl\:hover\:text-indigo-100:hover { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .xl\:hover\:text-indigo-200:hover { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .xl\:hover\:text-indigo-300:hover { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .xl\:hover\:text-indigo-400:hover { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .xl\:hover\:text-indigo-500:hover { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .xl\:hover\:text-indigo-600:hover { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .xl\:hover\:text-indigo-700:hover { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .xl\:hover\:text-indigo-800:hover { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .xl\:hover\:text-indigo-900:hover { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .xl\:hover\:text-purple-100:hover { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .xl\:hover\:text-purple-200:hover { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .xl\:hover\:text-purple-300:hover { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .xl\:hover\:text-purple-400:hover { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .xl\:hover\:text-purple-500:hover { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .xl\:hover\:text-purple-600:hover { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .xl\:hover\:text-purple-700:hover { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .xl\:hover\:text-purple-800:hover { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .xl\:hover\:text-purple-900:hover { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .xl\:hover\:text-pink-100:hover { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .xl\:hover\:text-pink-200:hover { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .xl\:hover\:text-pink-300:hover { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .xl\:hover\:text-pink-400:hover { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .xl\:hover\:text-pink-500:hover { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .xl\:hover\:text-pink-600:hover { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .xl\:hover\:text-pink-700:hover { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .xl\:hover\:text-pink-800:hover { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .xl\:hover\:text-pink-900:hover { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } .xl\:focus\:text-transparent:focus { color: transparent; } + .xl\:focus\:text-current:focus { + color: currentColor; + } + .xl\:focus\:text-black:focus { + --text-opacity: 1; color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .xl\:focus\:text-white:focus { + --text-opacity: 1; color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .xl\:focus\:text-gray-100:focus { + --text-opacity: 1; color: #f7fafc; + color: rgba(247, 250, 252, var(--text-opacity)); } .xl\:focus\:text-gray-200:focus { + --text-opacity: 1; color: #edf2f7; + color: rgba(237, 242, 247, var(--text-opacity)); } .xl\:focus\:text-gray-300:focus { + --text-opacity: 1; color: #e2e8f0; + color: rgba(226, 232, 240, var(--text-opacity)); } .xl\:focus\:text-gray-400:focus { + --text-opacity: 1; color: #cbd5e0; + color: rgba(203, 213, 224, var(--text-opacity)); } .xl\:focus\:text-gray-500:focus { + --text-opacity: 1; color: #a0aec0; + color: rgba(160, 174, 192, var(--text-opacity)); } .xl\:focus\:text-gray-600:focus { + --text-opacity: 1; color: #718096; + color: rgba(113, 128, 150, var(--text-opacity)); } .xl\:focus\:text-gray-700:focus { + --text-opacity: 1; color: #4a5568; + color: rgba(74, 85, 104, var(--text-opacity)); } .xl\:focus\:text-gray-800:focus { + --text-opacity: 1; color: #2d3748; + color: rgba(45, 55, 72, var(--text-opacity)); } .xl\:focus\:text-gray-900:focus { + --text-opacity: 1; color: #1a202c; + color: rgba(26, 32, 44, var(--text-opacity)); } .xl\:focus\:text-red-100:focus { + --text-opacity: 1; color: #fff5f5; + color: rgba(255, 245, 245, var(--text-opacity)); } .xl\:focus\:text-red-200:focus { + --text-opacity: 1; color: #fed7d7; + color: rgba(254, 215, 215, var(--text-opacity)); } .xl\:focus\:text-red-300:focus { + --text-opacity: 1; color: #feb2b2; + color: rgba(254, 178, 178, var(--text-opacity)); } .xl\:focus\:text-red-400:focus { + --text-opacity: 1; color: #fc8181; + color: rgba(252, 129, 129, var(--text-opacity)); } .xl\:focus\:text-red-500:focus { + --text-opacity: 1; color: #f56565; + color: rgba(245, 101, 101, var(--text-opacity)); } .xl\:focus\:text-red-600:focus { + --text-opacity: 1; color: #e53e3e; + color: rgba(229, 62, 62, var(--text-opacity)); } .xl\:focus\:text-red-700:focus { + --text-opacity: 1; color: #c53030; + color: rgba(197, 48, 48, var(--text-opacity)); } .xl\:focus\:text-red-800:focus { + --text-opacity: 1; color: #9b2c2c; + color: rgba(155, 44, 44, var(--text-opacity)); } .xl\:focus\:text-red-900:focus { + --text-opacity: 1; color: #742a2a; + color: rgba(116, 42, 42, var(--text-opacity)); } .xl\:focus\:text-orange-100:focus { + --text-opacity: 1; color: #fffaf0; + color: rgba(255, 250, 240, var(--text-opacity)); } .xl\:focus\:text-orange-200:focus { + --text-opacity: 1; color: #feebc8; + color: rgba(254, 235, 200, var(--text-opacity)); } .xl\:focus\:text-orange-300:focus { + --text-opacity: 1; color: #fbd38d; + color: rgba(251, 211, 141, var(--text-opacity)); } .xl\:focus\:text-orange-400:focus { + --text-opacity: 1; color: #f6ad55; + color: rgba(246, 173, 85, var(--text-opacity)); } .xl\:focus\:text-orange-500:focus { + --text-opacity: 1; color: #ed8936; + color: rgba(237, 137, 54, var(--text-opacity)); } .xl\:focus\:text-orange-600:focus { + --text-opacity: 1; color: #dd6b20; + color: rgba(221, 107, 32, var(--text-opacity)); } .xl\:focus\:text-orange-700:focus { + --text-opacity: 1; color: #c05621; + color: rgba(192, 86, 33, var(--text-opacity)); } .xl\:focus\:text-orange-800:focus { + --text-opacity: 1; color: #9c4221; + color: rgba(156, 66, 33, var(--text-opacity)); } .xl\:focus\:text-orange-900:focus { + --text-opacity: 1; color: #7b341e; + color: rgba(123, 52, 30, var(--text-opacity)); } .xl\:focus\:text-yellow-100:focus { + --text-opacity: 1; color: #fffff0; + color: rgba(255, 255, 240, var(--text-opacity)); } .xl\:focus\:text-yellow-200:focus { + --text-opacity: 1; color: #fefcbf; + color: rgba(254, 252, 191, var(--text-opacity)); } .xl\:focus\:text-yellow-300:focus { + --text-opacity: 1; color: #faf089; + color: rgba(250, 240, 137, var(--text-opacity)); } .xl\:focus\:text-yellow-400:focus { + --text-opacity: 1; color: #f6e05e; + color: rgba(246, 224, 94, var(--text-opacity)); } .xl\:focus\:text-yellow-500:focus { + --text-opacity: 1; color: #ecc94b; + color: rgba(236, 201, 75, var(--text-opacity)); } .xl\:focus\:text-yellow-600:focus { + --text-opacity: 1; color: #d69e2e; + color: rgba(214, 158, 46, var(--text-opacity)); } .xl\:focus\:text-yellow-700:focus { + --text-opacity: 1; color: #b7791f; + color: rgba(183, 121, 31, var(--text-opacity)); } .xl\:focus\:text-yellow-800:focus { + --text-opacity: 1; color: #975a16; + color: rgba(151, 90, 22, var(--text-opacity)); } .xl\:focus\:text-yellow-900:focus { + --text-opacity: 1; color: #744210; + color: rgba(116, 66, 16, var(--text-opacity)); } .xl\:focus\:text-green-100:focus { + --text-opacity: 1; color: #f0fff4; + color: rgba(240, 255, 244, var(--text-opacity)); } .xl\:focus\:text-green-200:focus { + --text-opacity: 1; color: #c6f6d5; + color: rgba(198, 246, 213, var(--text-opacity)); } .xl\:focus\:text-green-300:focus { + --text-opacity: 1; color: #9ae6b4; + color: rgba(154, 230, 180, var(--text-opacity)); } .xl\:focus\:text-green-400:focus { + --text-opacity: 1; color: #68d391; + color: rgba(104, 211, 145, var(--text-opacity)); } .xl\:focus\:text-green-500:focus { + --text-opacity: 1; color: #48bb78; + color: rgba(72, 187, 120, var(--text-opacity)); } .xl\:focus\:text-green-600:focus { + --text-opacity: 1; color: #38a169; + color: rgba(56, 161, 105, var(--text-opacity)); } .xl\:focus\:text-green-700:focus { + --text-opacity: 1; color: #2f855a; + color: rgba(47, 133, 90, var(--text-opacity)); } .xl\:focus\:text-green-800:focus { + --text-opacity: 1; color: #276749; + color: rgba(39, 103, 73, var(--text-opacity)); } .xl\:focus\:text-green-900:focus { + --text-opacity: 1; color: #22543d; + color: rgba(34, 84, 61, var(--text-opacity)); } .xl\:focus\:text-teal-100:focus { + --text-opacity: 1; color: #e6fffa; + color: rgba(230, 255, 250, var(--text-opacity)); } .xl\:focus\:text-teal-200:focus { + --text-opacity: 1; color: #b2f5ea; + color: rgba(178, 245, 234, var(--text-opacity)); } .xl\:focus\:text-teal-300:focus { + --text-opacity: 1; color: #81e6d9; + color: rgba(129, 230, 217, var(--text-opacity)); } .xl\:focus\:text-teal-400:focus { + --text-opacity: 1; color: #4fd1c5; + color: rgba(79, 209, 197, var(--text-opacity)); } .xl\:focus\:text-teal-500:focus { + --text-opacity: 1; color: #38b2ac; + color: rgba(56, 178, 172, var(--text-opacity)); } .xl\:focus\:text-teal-600:focus { + --text-opacity: 1; color: #319795; + color: rgba(49, 151, 149, var(--text-opacity)); } .xl\:focus\:text-teal-700:focus { + --text-opacity: 1; color: #2c7a7b; + color: rgba(44, 122, 123, var(--text-opacity)); } .xl\:focus\:text-teal-800:focus { + --text-opacity: 1; color: #285e61; + color: rgba(40, 94, 97, var(--text-opacity)); } .xl\:focus\:text-teal-900:focus { + --text-opacity: 1; color: #234e52; + color: rgba(35, 78, 82, var(--text-opacity)); } .xl\:focus\:text-blue-100:focus { + --text-opacity: 1; color: #ebf8ff; + color: rgba(235, 248, 255, var(--text-opacity)); } .xl\:focus\:text-blue-200:focus { + --text-opacity: 1; color: #bee3f8; + color: rgba(190, 227, 248, var(--text-opacity)); } .xl\:focus\:text-blue-300:focus { + --text-opacity: 1; color: #90cdf4; + color: rgba(144, 205, 244, var(--text-opacity)); } .xl\:focus\:text-blue-400:focus { + --text-opacity: 1; color: #63b3ed; + color: rgba(99, 179, 237, var(--text-opacity)); } .xl\:focus\:text-blue-500:focus { + --text-opacity: 1; color: #4299e1; + color: rgba(66, 153, 225, var(--text-opacity)); } .xl\:focus\:text-blue-600:focus { + --text-opacity: 1; color: #3182ce; + color: rgba(49, 130, 206, var(--text-opacity)); } .xl\:focus\:text-blue-700:focus { + --text-opacity: 1; color: #2b6cb0; + color: rgba(43, 108, 176, var(--text-opacity)); } .xl\:focus\:text-blue-800:focus { + --text-opacity: 1; color: #2c5282; + color: rgba(44, 82, 130, var(--text-opacity)); } .xl\:focus\:text-blue-900:focus { + --text-opacity: 1; color: #2a4365; + color: rgba(42, 67, 101, var(--text-opacity)); } .xl\:focus\:text-indigo-100:focus { + --text-opacity: 1; color: #ebf4ff; + color: rgba(235, 244, 255, var(--text-opacity)); } .xl\:focus\:text-indigo-200:focus { + --text-opacity: 1; color: #c3dafe; + color: rgba(195, 218, 254, var(--text-opacity)); } .xl\:focus\:text-indigo-300:focus { + --text-opacity: 1; color: #a3bffa; + color: rgba(163, 191, 250, var(--text-opacity)); } .xl\:focus\:text-indigo-400:focus { + --text-opacity: 1; color: #7f9cf5; + color: rgba(127, 156, 245, var(--text-opacity)); } .xl\:focus\:text-indigo-500:focus { + --text-opacity: 1; color: #667eea; + color: rgba(102, 126, 234, var(--text-opacity)); } .xl\:focus\:text-indigo-600:focus { + --text-opacity: 1; color: #5a67d8; + color: rgba(90, 103, 216, var(--text-opacity)); } .xl\:focus\:text-indigo-700:focus { + --text-opacity: 1; color: #4c51bf; + color: rgba(76, 81, 191, var(--text-opacity)); } .xl\:focus\:text-indigo-800:focus { + --text-opacity: 1; color: #434190; + color: rgba(67, 65, 144, var(--text-opacity)); } .xl\:focus\:text-indigo-900:focus { + --text-opacity: 1; color: #3c366b; + color: rgba(60, 54, 107, var(--text-opacity)); } .xl\:focus\:text-purple-100:focus { + --text-opacity: 1; color: #faf5ff; + color: rgba(250, 245, 255, var(--text-opacity)); } .xl\:focus\:text-purple-200:focus { + --text-opacity: 1; color: #e9d8fd; + color: rgba(233, 216, 253, var(--text-opacity)); } .xl\:focus\:text-purple-300:focus { + --text-opacity: 1; color: #d6bcfa; + color: rgba(214, 188, 250, var(--text-opacity)); } .xl\:focus\:text-purple-400:focus { + --text-opacity: 1; color: #b794f4; + color: rgba(183, 148, 244, var(--text-opacity)); } .xl\:focus\:text-purple-500:focus { + --text-opacity: 1; color: #9f7aea; + color: rgba(159, 122, 234, var(--text-opacity)); } .xl\:focus\:text-purple-600:focus { + --text-opacity: 1; color: #805ad5; + color: rgba(128, 90, 213, var(--text-opacity)); } .xl\:focus\:text-purple-700:focus { + --text-opacity: 1; color: #6b46c1; + color: rgba(107, 70, 193, var(--text-opacity)); } .xl\:focus\:text-purple-800:focus { + --text-opacity: 1; color: #553c9a; + color: rgba(85, 60, 154, var(--text-opacity)); } .xl\:focus\:text-purple-900:focus { + --text-opacity: 1; color: #44337a; + color: rgba(68, 51, 122, var(--text-opacity)); } .xl\:focus\:text-pink-100:focus { + --text-opacity: 1; color: #fff5f7; + color: rgba(255, 245, 247, var(--text-opacity)); } .xl\:focus\:text-pink-200:focus { + --text-opacity: 1; color: #fed7e2; + color: rgba(254, 215, 226, var(--text-opacity)); } .xl\:focus\:text-pink-300:focus { + --text-opacity: 1; color: #fbb6ce; + color: rgba(251, 182, 206, var(--text-opacity)); } .xl\:focus\:text-pink-400:focus { + --text-opacity: 1; color: #f687b3; + color: rgba(246, 135, 179, var(--text-opacity)); } .xl\:focus\:text-pink-500:focus { + --text-opacity: 1; color: #ed64a6; + color: rgba(237, 100, 166, var(--text-opacity)); } .xl\:focus\:text-pink-600:focus { + --text-opacity: 1; color: #d53f8c; + color: rgba(213, 63, 140, var(--text-opacity)); } .xl\:focus\:text-pink-700:focus { + --text-opacity: 1; color: #b83280; + color: rgba(184, 50, 128, var(--text-opacity)); } .xl\:focus\:text-pink-800:focus { + --text-opacity: 1; color: #97266d; + color: rgba(151, 38, 109, var(--text-opacity)); } .xl\:focus\:text-pink-900:focus { + --text-opacity: 1; color: #702459; + color: rgba(112, 36, 89, var(--text-opacity)); } - .xl\:text-xs { - font-size: 0.75rem; + .xl\:text-opacity-0 { + --text-opacity: 0; } - .xl\:text-sm { - font-size: 0.875rem; + .xl\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:text-base { - font-size: 1rem; + .xl\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:text-lg { - font-size: 1.125rem; + .xl\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:text-xl { - font-size: 1.25rem; + .xl\:text-opacity-100 { + --text-opacity: 1; } - .xl\:text-2xl { - font-size: 1.5rem; + .xl\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .xl\:text-3xl { - font-size: 1.875rem; + .xl\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .xl\:text-4xl { - font-size: 2.25rem; + .xl\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .xl\:text-5xl { - font-size: 3rem; + .xl\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .xl\:text-6xl { - font-size: 4rem; + .xl\:hover\:text-opacity-100:hover { + --text-opacity: 1; + } + + .xl\:focus\:text-opacity-0:focus { + --text-opacity: 0; + } + + .xl\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; + } + + .xl\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; + } + + .xl\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; + } + + .xl\:focus\:text-opacity-100:focus { + --text-opacity: 1; } .xl\:italic { @@ -50420,25 +67547,25 @@ video { } .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; + --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\: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-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\:transform-none { @@ -52183,6 +69310,38 @@ video { transition-duration: 1000ms; } + .xl\:delay-75 { + transition-delay: 75ms; + } + + .xl\:delay-100 { + transition-delay: 100ms; + } + + .xl\:delay-150 { + transition-delay: 150ms; + } + + .xl\:delay-200 { + transition-delay: 200ms; + } + + .xl\:delay-300 { + transition-delay: 300ms; + } + + .xl\:delay-500 { + transition-delay: 500ms; + } + + .xl\:delay-700 { + transition-delay: 700ms; + } + + .xl\:delay-1000 { + transition-delay: 1000ms; + } + .xl\:example { font-weight: 700; color: #f56565; From 7c09a651169490d303218585fd99b7b0c658af91 Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Sun, 18 Oct 2020 13:17:35 +1100 Subject: [PATCH 5/6] update tests --- __tests__/fixtures/tailwind-output-flagged.css | 11 +++++++++++ __tests__/fixtures/tailwind-output-important.css | 11 +++++++++++ .../fixtures/tailwind-output-no-color-opacity.css | 11 +++++++++++ __tests__/fixtures/tailwind-output.css | 11 +++++++++++ 4 files changed, 44 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index 40abdae16f69..e67ed5b3ff89 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -37952,6 +37952,17 @@ video { 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; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 81293f10e640..81982fe5e30d 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -15996,6 +15996,17 @@ video { 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; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 2ef3f7af0f88..5319de10d0cc 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -14652,6 +14652,17 @@ video { 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; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index f5cf293e4ba8..c08daea6464c 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -15996,6 +15996,17 @@ video { 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; } From 810c9fc996bd0b5b5a5347d094d704d126e37e1b Mon Sep 17 00:00:00 2001 From: Slava Nossar Date: Sun, 18 Oct 2020 13:34:32 +1100 Subject: [PATCH 6/6] add responsive variants to tests --- .../fixtures/tailwind-output-flagged.css | 55 +++++++++++++++++++ .../fixtures/tailwind-output-important.css | 44 +++++++++++++++ .../tailwind-output-no-color-opacity.css | 44 +++++++++++++++ __tests__/fixtures/tailwind-output.css | 44 +++++++++++++++ 4 files changed, 187 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index e67ed5b3ff89..4d79d4806850 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -79500,6 +79500,17 @@ video { 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; } @@ -121007,6 +121018,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -162514,6 +162536,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -204021,6 +204054,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -245528,6 +245572,17 @@ video { 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\: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\:transform-none { transform: none; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 81982fe5e30d..2e59a66860c8 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -33524,6 +33524,17 @@ video { 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; } @@ -51011,6 +51022,17 @@ video { 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\: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\:transform-none { transform: none !important; } @@ -68498,6 +68520,17 @@ video { 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\: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\:transform-none { transform: none !important; } @@ -85985,6 +86018,17 @@ video { 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\: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\:transform-none { transform: none !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 5319de10d0cc..e31d217957c6 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -30836,6 +30836,17 @@ video { 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; } @@ -46979,6 +46990,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -63122,6 +63144,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -79265,6 +79298,17 @@ video { 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\: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\:transform-none { transform: none; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index c08daea6464c..dd16a5789363 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -33524,6 +33524,17 @@ video { 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; } @@ -51011,6 +51022,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -68498,6 +68520,17 @@ video { 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\: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\:transform-none { transform: none; } @@ -85985,6 +86018,17 @@ video { 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\: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\:transform-none { transform: none; }